diff --git a/ui/app/assets/css/main.css b/ui/app/assets/css/main.css
index a461c50..f1d8c73 100644
--- a/ui/app/assets/css/main.css
+++ b/ui/app/assets/css/main.css
@@ -1 +1 @@
-@import "tailwindcss";
\ No newline at end of file
+@import "tailwindcss";
diff --git a/ui/app/components/ServerLink.vue b/ui/app/components/ServerLink.vue
index eff11ce..5424cf6 100644
--- a/ui/app/components/ServerLink.vue
+++ b/ui/app/components/ServerLink.vue
@@ -1,5 +1,5 @@
 <template>
-  <RouterLink 
+  <RouterLink
     :to="`/servers/${id}`"
     class="block p-3 hover:bg-sky-100 rounded-lg transition-colors duration-200 border border-transparent hover:border-sky-300"
   >
@@ -9,6 +9,6 @@
 
 <script setup lang="ts">
 defineProps<{
-  id: string | number
-}>()
-</script>
\ No newline at end of file
+  id: string | number;
+}>();
+</script>
diff --git a/ui/app/components/ServerSidebar.vue b/ui/app/components/ServerSidebar.vue
index 721e320..928728c 100644
--- a/ui/app/components/ServerSidebar.vue
+++ b/ui/app/components/ServerSidebar.vue
@@ -27,10 +27,12 @@ if (error.value) {
 }
 
 const serversWithFallback = computed(() => {
-  return servers.value || [
-    { id: "1", name: "General" },
-    { id: "2", name: "Gaming" },
-    { id: "3", name: "Tech Talk" },
-  ];
+  return (
+    servers.value || [
+      { id: "1", name: "General" },
+      { id: "2", name: "Gaming" },
+      { id: "3", name: "Tech Talk" },
+    ]
+  );
 });
 </script>
diff --git a/ui/nuxt.config.ts b/ui/nuxt.config.ts
index a134f76..8d36cb0 100644
--- a/ui/nuxt.config.ts
+++ b/ui/nuxt.config.ts
@@ -12,9 +12,7 @@ export default defineNuxtConfig({
   ],
   css: ["~/assets/css/main.css"],
   vite: {
-    plugins: [
-      tailwindcss(),
-    ]
+    plugins: [tailwindcss()],
   },
   nitro: {
     preset: "node-server",