1 files changed, 9 insertions, 2 deletions
diff --git a/opendc-web/opendc-web-ui/next.config.js b/opendc-web/opendc-web-ui/next.config.js
index 97580fa0..56263c86 100644
--- a/opendc-web/opendc-web-ui/next.config.js
+++ b/opendc-web/opendc-web-ui/next.config.js
@@ -20,7 +20,14 @@
  * SOFTWARE.
  */
 
-module.exports = {
+// PatternFly 4 uses global CSS imports in its distribution files. Therefore,
+// we need to transpile the modules before we can use them.
+const withTM = require('next-transpile-modules')([
+    '@patternfly/react-core',
+    '@patternfly/react-styles',
+])
+
+module.exports = withTM({
     reactStrictMode: true,
     experimental: {
         eslint: true,
@@ -34,4 +41,4 @@ module.exports = {
             },
         ]
     },
-}
+})