refac: styling

src/lib/components/chat/Placeholder.svelte

@@ -221,7 +221,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="mx-auto max-w-2xl font-primary" in:fade={{ duration: 200, delay: 200 }}>
+	<div class="mx-auto max-w-2xl font-primary mt-2" in:fade={{ duration: 200, delay: 200 }}>
 		<div class="mx-5">
 			<Suggestions
 				suggestionPrompts={atSelectedModel?.info?.meta?.suggestion_prompts ??

src/lib/components/chat/Suggestions.svelte

@@ -81,7 +81,7 @@
 	{/if}
 </div>
 
-<div class="h-40 overflow-auto scrollbar-none {className} items-start">
+<div class="max-h-40 overflow-auto scrollbar-none {className} items-start">
 	{#if filteredPrompts.length > 0}
 		{#each filteredPrompts as prompt, idx (prompt.id || prompt.content)}
 			<button