diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte
index 832a35e06..912d82222 100644
--- a/src/lib/components/chat/Placeholder.svelte
+++ b/src/lib/components/chat/Placeholder.svelte
@@ -102,7 +102,7 @@
 			class="w-full text-3xl text-gray-800 dark:text-gray-100 font-medium text-center flex items-center gap-4 font-primary"
 		>
 			<div class="w-full flex flex-col justify-center items-center">
-				<div class="flex flex-row justify-center gap-3.5 w-fit">
+				<div class="flex flex-row justify-center gap-3 sm:gap-3.5 w-fit px-5">
 					<div class="flex flex-shrink-0 justify-center">
 						<div class="flex -space-x-4 mb-0.5" in:fade={{ duration: 100 }}>
 							{#each models as model, modelIdx}
@@ -123,7 +123,7 @@
 												($i18n.language === 'dg-DG'
 													? `/doge.png`
 													: `${WEBUI_BASE_URL}/static/favicon.png`)}
-											class=" size-[2.5rem] rounded-full border-[1px] border-gray-200 dark:border-none"
+											class=" size-9 sm:size-10 rounded-full border-[1px] border-gray-200 dark:border-none"
 											alt="logo"
 											draggable="false"
 										/>
@@ -133,7 +133,7 @@
 						</div>
 					</div>
 
-					<div class=" capitalize line-clamp-1 text-4xl" in:fade={{ duration: 100 }}>
+					<div class=" capitalize text-3xl sm:text-4xl line-clamp-1" in:fade={{ duration: 100 }}>
 						{#if models[selectedModelIdx]?.info}
 							{models[selectedModelIdx]?.info?.name}
 						{:else}