diff --git a/NautilusDeskTimeFrontend/app/app.vue b/NautilusDeskTimeFrontend/app/app.vue
index a981f58..fbb292a 100644
--- a/NautilusDeskTimeFrontend/app/app.vue
+++ b/NautilusDeskTimeFrontend/app/app.vue
@@ -1,13 +1,22 @@
 <template>
-  <UApp>
-    <UMain>
-      <NuxtLayout>
-        <NuxtPage />
-      </NuxtLayout>
-    </UMain>
-  </UApp>
+    <UApp>
+        <UMain>
+            <NuxtLayout>
+                <NuxtPage />
+            </NuxtLayout>
+        </UMain>
+    </UApp>
 </template>
 
 <script setup lang="ts">
-
-</script>
\ No newline at end of file
+useHead({
+    link: [
+        { rel: "preconnect", href: "https://fonts.googleapis.com" },
+        { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "anonymous" },
+        {
+            rel: "stylesheet",
+            href: "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap",
+        },
+    ],
+})
+</script>
diff --git a/NautilusDeskTimeFrontend/app/assets/css/main.css b/NautilusDeskTimeFrontend/app/assets/css/main.css
index 6585905..36cbc45 100644
--- a/NautilusDeskTimeFrontend/app/assets/css/main.css
+++ b/NautilusDeskTimeFrontend/app/assets/css/main.css
@@ -1,6 +1,5 @@
 @import "tailwindcss";
 @import "@nuxt/ui";
-@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap");
 
 body {
     font-family: "Sora", "Avenir Next", "Trebuchet MS", sans-serif;