diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 08685f35ba..4cf5b134fb 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -315,7 +315,7 @@
 	</div>
 
 	<div class="{transparentBackground ? 'bg-transparent' : 'bg-white dark:bg-gray-900'} ">
-		<div class="max-w-6xl px-2.5 mx-auto inset-x-0 pb-safe-bottom">
+		<div class="max-w-6xl px-4 mx-auto inset-x-0 pb-safe-bottom">
 			<div class="">
 				<input
 					bind:this={filesInputElement}
diff --git a/src/lib/components/chat/Messages/Placeholder.svelte b/src/lib/components/chat/Messages/Placeholder.svelte
index 5c0654dabc..c322a909dd 100644
--- a/src/lib/components/chat/Messages/Placeholder.svelte
+++ b/src/lib/components/chat/Messages/Placeholder.svelte
@@ -198,7 +198,7 @@
 			</div>
 		</div>
 		<div class="mx-auto max-w-2xl font-primary" in:fade={{ duration: 200, delay: 200 }}>
-			<div class="mx-4">
+			<div class="mx-5">
 				<Suggestions
 					suggestionPrompts={models[selectedModelIdx]?.info?.meta?.suggestion_prompts ??
 						$config?.default_prompt_suggestions ??