diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 3ed4594..caafa52 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -18,7 +18,7 @@
 </script>
 
 <div
-	class="z-50 flex w-full flex-row items-center justify-between border-b border-solid border-highlight-primary px-8 py-4"
+	class="z-50 flex w-full flex-row items-center justify-between border-b border-solid border-highlight-primary px-4 sm:px-8 py-4"
 >
 	<div class="flex flex-row items-center space-x-2 sm:space-x-0">
 		<div class="flex items-center">
@@ -31,10 +31,10 @@
 			</button>
 		</div>
 		{#if !isOpen && segments.length}
-			<div class="flex items-center justify-center capitalize text-highlight-secondary">
+			<div class="hidden items-center justify-center capitalize text-highlight-secondary sm:flex">
 				{#each breadcrumb as segment}
 					{@const last = segment === breadcrumb[breadcrumb.length - 1]}
-					<a class="hover:underline hover:text-primary" href={segment.href}>
+					<a class="hover:text-primary hover:underline" href={segment.href}>
 						{segment.name}
 					</a>
 					{#if !last}
diff --git a/src/routes/dashboard/+layout.svelte b/src/routes/dashboard/+layout.svelte
index cca469a..b337c14 100644
--- a/src/routes/dashboard/+layout.svelte
+++ b/src/routes/dashboard/+layout.svelte
@@ -11,7 +11,7 @@
 		<div class="flex flex-1 flex-col">
 			<Navbar bind:isOpen />
 			<div
-				class="flex w-full flex-1 transform flex-col overflow-y-scroll p-8 duration-300 ease-in-out"
+				class="flex w-full flex-1 transform flex-col overflow-y-scroll p-4 sm:p-8 duration-300 ease-in-out"
 			>
 				<slot />
 			</div>