diff --git a/src/lib/components/notes/Notes.svelte b/src/lib/components/notes/Notes.svelte
index 629e8b7b3..53da2e80a 100644
--- a/src/lib/components/notes/Notes.svelte
+++ b/src/lib/components/notes/Notes.svelte
@@ -101,8 +101,8 @@
 				{$i18n.t(timeRange)}
 			</div>
 
-			{#each notes[timeRange] as note, idx (note.id)}
-				<div class="mb-5 gap-2 grid @lg:grid-cols-2 @2xl:grid-cols-3">
+			<div class="mb-5 gap-2 grid @lg:grid-cols-2 @2xl:grid-cols-3">
+				{#each notes[timeRange] as note, idx (note.id)}
 					<div
 						class=" flex space-x-4 cursor-pointer w-full px-4 py-3.5 bg-gray-50 dark:bg-gray-850 dark:hover:bg-white/5 hover:bg-black/5 rounded-xl transition"
 					>
@@ -141,8 +141,8 @@
 							</a>
 						</div>
 					</div>
-				</div>
-			{/each}
+				{/each}
+			</div>
 		{/each}
 	{:else}
 		<div class="w-full h-full flex flex-col items-center justify-center">
diff --git a/src/routes/(app)/notes/+layout.svelte b/src/routes/(app)/notes/+layout.svelte
index 23a3ab72c..e2ebec71a 100644
--- a/src/routes/(app)/notes/+layout.svelte
+++ b/src/routes/(app)/notes/+layout.svelte
@@ -46,9 +46,9 @@
 			<div class="ml-2 py-0.5 self-center flex items-center justify-between w-full">
 				<div class="">
 					<div
-						class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent py-1 touch-auto pointer-events-auto"
+						class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium bg-transparent py-1 touch-auto pointer-events-auto"
 					>
-						<a class="min-w-fit rounded-full transition" href="/notes">
+						<a class="min-w-fit transition" href="/notes">
 							{$i18n.t('Notes')}
 						</a>
 					</div>