diff --git a/src/lib/components/chat/MessageInput/Suggestions.svelte b/src/lib/components/chat/MessageInput/Suggestions.svelte
index f3820733..e0672ada 100644
--- a/src/lib/components/chat/MessageInput/Suggestions.svelte
+++ b/src/lib/components/chat/MessageInput/Suggestions.svelte
@@ -22,9 +22,9 @@
 {/if}
 
 <div class="w-full">
-	<div class="relative w-full flex gap-2 snap-x overflow-x-auto tabs">
+	<div class="relative w-full flex gap-2 snap-x snap-mandatory overflow-x-auto tabs">
 		{#each prompts as prompt, promptIdx}
-			<div class="shrink-0">
+			<div class="snap-center shrink-0">
 				<button
 					class="flex flex-col flex-1 shrink-0 w-64 justify-between h-36 p-5 px-6 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 rounded-3xl transition group"
 					on:click={() => {
@@ -65,6 +65,7 @@
 				</button>
 			</div>
 		{/each}
+
 		<!-- <div class="snap-center shrink-0">
 		<img
 			class="shrink-0 w-80 h-40 rounded-lg shadow-xl bg-white"