diff --git a/src/App.svelte b/src/App.svelte
index 2b10dc2..97cdde3 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -517,7 +517,7 @@
 				class="flex
 				{ui_sytle === 'vertical'
 					? 'flex-col space-y-2 justify-center'
-					: 'overflow-x-auto overflow-y-hidden'}
+					: 'overflow-x-auto overflow-y-hidden snap-x snap-mandatory'}
 				text-[16px]"
 			>
 				{#if rasp_data.length === 0 && data.saved.length === 0}
diff --git a/src/lib/Horizontal.svelte b/src/lib/Horizontal.svelte
index 6fd2560..bfe4e5a 100644
--- a/src/lib/Horizontal.svelte
+++ b/src/lib/Horizontal.svelte
@@ -7,7 +7,7 @@
 </script>
 
 {#each rasp_data as day, i}
-	<div id={`${i}`} class="p-2 min-w-[300px]">
+	<div id={`${i}`} class="p-2 min-w-[300px] snap-center">
 		<div
 			class="flex p-2 mb-2
 								border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]