diff --git a/cli/config/init.App.module.css b/cli/config/init.App.module.css
new file mode 100644
index 000000000..a824cffd5
--- /dev/null
+++ b/cli/config/init.App.module.css
@@ -0,0 +1,9 @@
+.container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: 1rem;
+}
diff --git a/cli/config/init.entrypoint.js b/cli/config/init.entrypoint.js
index b85fd6ba9..b7d9ad6a7 100644
--- a/cli/config/init.entrypoint.js
+++ b/cli/config/init.entrypoint.js
@@ -1,6 +1,7 @@
 import React from 'react'
 import { DataQuery } from '@dhis2/app-runtime'
 import i18n from '@dhis2/d2-i18n'
+import classes from './init.App.module.css'
 
 const query = {
     me: {
@@ -9,18 +10,7 @@ const query = {
 }
 
 const MyApp = () => (
-    <div className="container">
-        <style jsx>{`
-            .container {
-                width: 100%;
-                height: 100%;
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                font-size: 1rem;
-            }
-        }`}</style>
+    <div className={classes.container}>
         <DataQuery query={query}>
             {({ error, loading, data }) => {
                 if (error) return <span>ERROR</span>
diff --git a/cli/src/commands/init.js b/cli/src/commands/init.js
index 84e67c4a1..94e3b2e78 100644
--- a/cli/src/commands/init.js
+++ b/cli/src/commands/init.js
@@ -197,6 +197,10 @@ const handler = async ({ force, name, cwd, lib }) => {
                 path.join(__dirname, '../../config/init.App.test.js'),
                 path.join(paths.base, 'src/App.test.js')
             )
+            fs.copyFileSync(
+                path.join(__dirname, '../../config/init.App.module.css'),
+                path.join(paths.base, 'src/App.module.css')
+            )
         }
     }