diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 8d828dd..b1592de 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -14,8 +14,6 @@ const Toast = defineAsyncComponent(() => import('primevue/toast'));
 
 </script>
 <style>
-@import "tailwindcss";
-
 html, body {
   font-family: 'Nunito', sans-serif;
 }
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 09ea8e4..3827a34 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -5,6 +5,8 @@ import App from './App.vue'
 import router from './router'
 import PrimeVue from 'primevue/config'
 
+import './styles.css'
+
 const app = createApp(App)
 app.use(router)
 app.use(PrimeVue, {
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
new file mode 100644
index 0000000..f1d8c73
--- /dev/null
+++ b/frontend/src/styles.css
@@ -0,0 +1 @@
+@import "tailwindcss";