diff --git a/src/routes/account/+page.svelte b/src/routes/account/+page.svelte
index 572e96c..e303c21 100644
--- a/src/routes/account/+page.svelte
+++ b/src/routes/account/+page.svelte
@@ -15,10 +15,7 @@
 							<div />
 						</div>
 
-						<h1 class="mr-10">
-							@Username
-						</h1>
-
+						<h1 class="mr-10">@Username</h1>
 					</div>
 				</div>
 			</div>
diff --git a/src/routes/feed/+page.svelte b/src/routes/feed/+page.svelte
index ec2728f..1c37e88 100644
--- a/src/routes/feed/+page.svelte
+++ b/src/routes/feed/+page.svelte
@@ -1,50 +1,50 @@
 <script>
-
 </script>
 
 <section>
-    <div class="text-center mt-5">
+	<div class="text-center mt-5">
 		<h1 class="text-3xl font-bold">Honesty</h1>
 		<p class="text-sm font-bold">by Fishie</p>
 	</div>
 
-    <div class="flex items-center justify-center mt-10">
-        <input type="text" placeholder="Search" class="input input-bordered input-md w-full max-w-xs rounded-md shadow-xl" />
-    </div>
+	<div class="flex items-center justify-center mt-10">
+		<input
+			type="text"
+			placeholder="Search"
+			class="input input-bordered input-md w-full max-w-xs rounded-md shadow-xl"
+		/>
+	</div>
 
+	<div class="container">
+		<div class="flex items-center justify-center my-10">
+			<div class="card w-96 bg-base-100 shadow-xl">
+				<div class="card-body">
+					<h2 class="card-title">@Username</h2>
+					<p class="text-gray-500">lorem ipsum something</p>
+				</div>
+			</div>
+		</div>
+	</div>
 
-    <div class="container">
-        <div class="flex items-center justify-center my-10">
-            <div class="card w-96 bg-base-100 shadow-xl">
-                <div class="card-body">
-                    <h2 class="card-title">@Username</h2>
-                    <p class="text-gray-500">lorem ipsum something</p>
-                </div>
-            </div>
-        </div>
-    </div>
+	<div class="container">
+		<div class="flex items-center justify-center my-10">
+			<div class="card w-96 bg-base-100 shadow-xl">
+				<div class="card-body">
+					<h2 class="card-title">@Username</h2>
+					<p class="text-gray-500">lorem ipsum something</p>
+				</div>
+			</div>
+		</div>
+	</div>
 
-    <div class="container">
-        <div class="flex items-center justify-center my-10">
-            <div class="card w-96 bg-base-100 shadow-xl">
-                <div class="card-body">
-                    <h2 class="card-title">@Username</h2>
-                    <p class="text-gray-500">lorem ipsum something</p>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="container">
-        <div class="flex items-center justify-center my-10">
-            <div class="card w-96 bg-base-100 shadow-xl">
-                <div class="card-body">
-                    <h2 class="card-title">@Username</h2>
-                    <p class="text-gray-500">lorem ipsum something</p>
-                </div>
-            </div>
-        </div>
-    </div>
-
-
-</section>
\ No newline at end of file
+	<div class="container">
+		<div class="flex items-center justify-center my-10">
+			<div class="card w-96 bg-base-100 shadow-xl">
+				<div class="card-body">
+					<h2 class="card-title">@Username</h2>
+					<p class="text-gray-500">lorem ipsum something</p>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
diff --git a/src/routes/leaderboard/+page.svelte b/src/routes/leaderboard/+page.svelte
new file mode 100644
index 0000000..f483d64
--- /dev/null
+++ b/src/routes/leaderboard/+page.svelte
@@ -0,0 +1,65 @@
+<script>
+
+</script>
+
+<section>
+    <div class="text-center mt-5">
+		<h1 class="text-3xl font-bold">Honesty</h1>
+		<p class="text-sm font-bold">by Fishie</p>
+	</div>
+
+    <div class="mt-10 mb-10 flex justify-center items-center">
+        <p class="text-sm font-bold">Leaderboard</p>
+    </div>
+
+    <div class="flex flex-col gap-4 items-center justify-center">
+
+    <div class="card w-96 bg-base-100 shadow-xl">
+        <div class="card-body p-10 rounded-lg">
+            <div class="avatar">
+                <div class="w-20 rounded-full">
+                    <img
+                        src="https://plus.unsplash.com/premium_photo-1679596990314-7296548d8acb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80"
+                        alt="profile pic"
+                    />
+                    <div />
+                </div>
+
+                <h1 class="mr-10">@Username</h1>
+            </div>
+        </div>
+    </div>
+
+    <div class="card w-96 bg-base-100 shadow-xl">
+        <div class="card-body p-10 rounded-lg">
+            <div class="avatar">
+                <div class="w-20 rounded-full">
+                    <img
+                        src="https://plus.unsplash.com/premium_photo-1679596990314-7296548d8acb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80"
+                        alt="profile pic"
+                    />
+                    <div />
+                </div>
+
+                <h1 class="mr-10">@Username</h1>
+            </div>
+        </div>
+    </div>
+
+    <div class="card w-96 bg-base-100 shadow-xl">
+        <div class="card-body p-10 rounded-lg">
+            <div class="avatar">
+                <div class="w-20 rounded-full">
+                    <img
+                        src="https://plus.unsplash.com/premium_photo-1679596990314-7296548d8acb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80"
+                        alt="profile pic"
+                    />
+                    <div />
+                </div>
+
+                <h1 class="mr-10">@Username</h1>
+            </div>
+        </div>
+    </div>
+</div>
+</section>
\ No newline at end of file