diff --git a/src/pages/index.astro b/src/pages/index.astro
index 30dff55..97ec50b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -25,9 +25,11 @@ import Layout from "../layouts/Layout.astro";
 					For coworking & study streamers on Twitch
 				</p>
 				<p class="text-lg mt-0 md:hidden">
-					<a href="/tips" class="hover:underline"
-						>Click on the navigation icon to get started!</a
-					>
+					Click on the navigation icon on the top right to get
+					started!
+				</p>
+				<p class="text-lg mt-0 hidden md:block">
+					Click on the navigation bar above to get started!
 				</p>
 			</div>
 		</div>
@@ -39,7 +41,7 @@ import Layout from "../layouts/Layout.astro";
 				class="preview w-full flex items-center justify-center"
 			>
 				<div
-					class="task-list w-5/6 flex flex-col rounded-md overflow-hidden border border-solid border-white hover:shadow-gray-200 hover:shadow-lg transition duration-300 ease-in-out"
+					class="task-list w-5/6 flex flex-col rounded-md overflow-hidden mb-10 lg:mb-0 border border-solid border-white hover:shadow-gray-200 hover:shadow-lg transition duration-300 ease-in-out"
 				>
 					<div
 						class="task-list-header text-2xl flex flex-row justify-between bg-gray-900 px-5 py-3 rounded-md z-10 border border-solid border-b-white"
@@ -228,9 +230,9 @@ import Layout from "../layouts/Layout.astro";
 							class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
 						>
 							<div
-								class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-blue-500"
+								class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-purple-400"
 							>
-								Warpyn
+								warpyn
 							</div>
 							<div class="mr-1">:</div> release new song cover
 						</div>