diff --git a/src/routes/boards/[boardId]/calendar/+page.svelte b/src/routes/boards/[boardId]/calendar/+page.svelte
index 2282258..c22b694 100644
--- a/src/routes/boards/[boardId]/calendar/+page.svelte
+++ b/src/routes/boards/[boardId]/calendar/+page.svelte
@@ -21,16 +21,16 @@
 		<div class="flex gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-0.5">
 			<a
 				href="/boards/{data.board.id}"
-				class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+				class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
 			>
 				Board
 			</a>
-			<span class="px-3 py-1 text-sm rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
+			<span class="px-3 py-1 text-xs rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
 				Calendar
 			</span>
 			<a
 				href="/boards/{data.board.id}/gantt"
-				class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+				class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
 			>
 				Gantt
 			</a>
diff --git a/src/routes/boards/[boardId]/gantt/+page.svelte b/src/routes/boards/[boardId]/gantt/+page.svelte
index 894a3f5..09b8e1f 100644
--- a/src/routes/boards/[boardId]/gantt/+page.svelte
+++ b/src/routes/boards/[boardId]/gantt/+page.svelte
@@ -70,17 +70,17 @@
 		<div class="flex gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-0.5">
 			<a
 				href="/boards/{data.board.id}"
-				class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+				class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
 			>
 				Board
 			</a>
 			<a
 				href="/boards/{data.board.id}/calendar"
-				class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
+				class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
 			>
 				Calendar
 			</a>
-			<span class="px-3 py-1 text-sm rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
+			<span class="px-3 py-1 text-xs rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
 				Gantt
 			</span>
 		</div>