diff --git a/src/app.css b/src/app.css
index b10751c..3f9d957 100644
--- a/src/app.css
+++ b/src/app.css
@@ -3,8 +3,8 @@
 @import 'tailwindcss/utilities';
 
 .abs-centered {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-}
\ No newline at end of file
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
diff --git a/src/lib/components/message.svelte b/src/lib/components/message.svelte
index 58e7b39..3e80b0c 100644
--- a/src/lib/components/message.svelte
+++ b/src/lib/components/message.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { type TypeMessage } from '../'
-  const { message, imageSrc, user }: TypeMessage   = $props()
+  import { type TypeMessage } from '../';
+  const { message, imageSrc, user }: TypeMessage = $props();
 </script>
 
 <div class="w-full hover:bg-base-300 bg-base-200 flex py-2">
@@ -13,4 +13,4 @@
     <p class="font-bold">{user}</p>
     <p>{message}</p>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/lib/index.ts b/src/lib/index.ts
index fc860ea..19aaf59 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -1,7 +1,7 @@
 // place files you want to import through the `$lib` alias in this folder.
 
 export interface TypeMessage {
-  message: string,
-  imageSrc: string,
+  message: string;
+  imageSrc: string;
   user: string;
-}
\ No newline at end of file
+}
diff --git a/src/lib/websocketConfig.ts b/src/lib/websocketConfig.ts
index adeea77..6c4848f 100644
--- a/src/lib/websocketConfig.ts
+++ b/src/lib/websocketConfig.ts
@@ -1,6 +1,6 @@
 import { Server as SocketIOServer } from 'socket.io';
 import type { HttpServer } from 'vite';
-import { type TypeMessage } from './'
+import { type TypeMessage } from './';
 
 let io: SocketIOServer | undefined;
 
@@ -13,14 +13,13 @@ export function startupSocketIOServer(httpServer: HttpServer | null) {
     // Runs on client connect
     console.log(`[ws:kit] client connected (${socket.id})`);
 
-
     // Runs on message receive
     socket.on('message', (msg) => {
       console.log(`[ws:kit] message from ${socket.id}: ${msg}`);
       io!.emit('message', {
         user: socket.id,
         message: msg,
-        imageSrc: 'https://www.arithefirst.com/images/pfp.png'
+        imageSrc: 'https://www.arithefirst.com/images/pfp.png',
       });
     });
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3b9ba4d..66287ec 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -44,17 +44,13 @@
       <button
         class="btn w-full"
         on:click={() => {
-      log = [];
-    }}>Clear Messages</button>
+          log = [];
+        }}>Clear Messages</button>
     </div>
   </div>
   <div class="col-span-1 overflow-scroll bg-base-200 m-4 rounded-lg">
     {#each log as message}
-      <Message
-        imageSrc={message.imageSrc}
-        user={message.user}
-        message={message.message}
-      />
+      <Message imageSrc={message.imageSrc} user={message.user} message={message.message} />
     {/each}
   </div>
-</main>
\ No newline at end of file
+</main>