diff --git a/src/router/index.ts b/src/router/index.ts
index 93a6b32..cca7a9f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -5,7 +5,6 @@ const PrivacyPageView = () => import('../views/PrivacyPageView.vue')
 const HomepageView = () => import('../views/HomepageView.vue')
 const CategoryView = () => import('../views/CategoryView.vue')
 
-
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
diff --git a/src/views/HomepageView.vue b/src/views/HomepageView.vue
index 343e4c0..5e2ed42 100644
--- a/src/views/HomepageView.vue
+++ b/src/views/HomepageView.vue
@@ -90,12 +90,11 @@ export default {
     try {
       const res = await fetch(`${this.protocol}${import.meta.env.VITE_BACKEND_DOMAIN}/api/discover`)
       const rawData = await res.json()
-      if (rawData.status === "ok") {
+      if (rawData.status === 'ok') {
         this.data = rawData.data
       } else {
         this.data = { status: 'error' }
       }
-
     } catch (error) {
       console.error(error)
       this.data = { status: 'error' }
@@ -164,7 +163,9 @@ export default {
 
           <div class="p-2">
             <div>
-              <p class="font-bold text-white text-xl sm:text-base md:text-xl">{{ category.displayName }}</p>
+              <p class="font-bold text-white text-xl sm:text-base md:text-xl">
+                {{ category.displayName }}
+              </p>
               <p class="text-sm text-white">{{ abbreviate(category.viewers) }} viewers</p>
             </div>
 
diff --git a/src/views/UserView.vue b/src/views/UserView.vue
index 07fb29f..5cf2764 100644
--- a/src/views/UserView.vue
+++ b/src/views/UserView.vue
@@ -45,14 +45,15 @@ export default {
     const protocol = import.meta.env.VITE_HTTPS === 'true' ? 'https://' : 'http://'
 
     try {
-      const res = await fetch(`${protocol}${import.meta.env.VITE_BACKEND_DOMAIN}/api/users/${username}`)
+      const res = await fetch(
+        `${protocol}${import.meta.env.VITE_BACKEND_DOMAIN}/api/users/${username}`
+      )
       const rawData = await res.json()
-      if (rawData.status === "ok") {
+      if (rawData.status === 'ok') {
         this.data = rawData.data
       } else {
         this.data = { status: 'error' }
       }
-
     } catch (error) {
       console.error(error)
       this.data = { status: 'error' }
@@ -75,8 +76,13 @@ export default {
 
   <error-message v-else-if="data.status === 'error'"></error-message>
 
-  <div v-else class="w-full justify-center md:inline-flex space-y-4 md:space-y-0 md:space-x-4 md:p-4">
-    <div class="flex bg-ctp-crust flex-col p-6 rounded-lg w-[99vw] md:max-w-prose md:min-w-[65ch] text-white">
+  <div
+    v-else
+    class="w-full justify-center md:inline-flex space-y-4 md:space-y-0 md:space-x-4 md:p-4"
+  >
+    <div
+      class="flex bg-ctp-crust flex-col p-6 rounded-lg w-[99vw] md:max-w-prose md:min-w-[65ch] text-white"
+    >
       <div v-if="data.isLive" class="w-full mx-auto rounded-lg mb-5">
         <video-player :options="videoOptions"> </video-player>
       </div>