diff --git a/.gitignore b/.gitignore
index 20248c6..1cc0bce 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,5 +9,6 @@
 
 /node_modules/
 /js/
+/css/
 
 /build/
diff --git a/lib/Controller/PageController.php b/lib/Controller/PageController.php
index 423bc17..01b2932 100644
--- a/lib/Controller/PageController.php
+++ b/lib/Controller/PageController.php
@@ -27,6 +27,7 @@ class PageController extends Controller
 	 */
 	public function index(): TemplateResponse {
 		Util::addScript(Application::APP_ID, Application::APP_ID.'-main');
+		Util::addStyle(Application::APP_ID, Application::APP_ID.'-main');
 
 		$csp = new ContentSecurityPolicy();
 		$csp->addAllowedImageDomain('*');
diff --git a/package.json b/package.json
index 1836034..2344412 100644
--- a/package.json
+++ b/package.json
@@ -3,9 +3,9 @@
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "scripts": {
-    "build": "vue-tsc && vite build --mode production",
-    "dev": "vite build --mode development",
-    "dev:watch": "vite build --mode development --watch",
+    "build": "vue-tsc && vite build",
+    "dev": "vite --mode development build",
+    "dev:watch": "vite --mode development build --watch",
     "watch": "npm run dev:watch",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
diff --git a/vite.config.ts b/vite.config.ts
index 60a3bc9..89dc45e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,3 +1,4 @@
+import { join, resolve } from 'path'
 import { createAppConfig } from '@nextcloud/vite-config'
 import { defineConfig } from 'vite'
 import vueDevTools from 'vite-plugin-vue-devtools'
@@ -14,7 +15,11 @@ const config = defineConfig(({ mode }) => ({
 
 export default createAppConfig(
 	{
-		main: 'src/main.ts',
+		main: resolve(join('src', 'main.ts')),
+	},
+	{
+		config,
+		createEmptyCSSEntryPoints: true,
+		thirdPartyLicense: false,
 	},
-	{ config, inlineCSS: true },
 )