From a944e1f5260c44309cf7c7d92b65b68ea8c05871 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sun, 8 Jun 2025 21:29:05 +0400
Subject: [PATCH] fix: feedback score overflow styling

---
 src/lib/components/chat/Messages/RateComment.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/chat/Messages/RateComment.svelte b/src/lib/components/chat/Messages/RateComment.svelte
index 8a688f3a7f..2ffd2d8a2b 100644
--- a/src/lib/components/chat/Messages/RateComment.svelte
+++ b/src/lib/components/chat/Messages/RateComment.svelte
@@ -137,8 +137,8 @@
 	</div>
 
 	<div class="w-full flex justify-center">
-		<div class=" relative w-fit">
-			<div class="mt-1.5 w-fit flex gap-1 pb-5">
+		<div class=" relative w-fit overflow-x-auto scrollbar-none">
+			<div class="mt-1.5 w-fit flex gap-1 pb-2">
 				<!-- 1-10 scale -->
 				{#each Array.from({ length: 10 }).map((_, i) => i + 1) as rating}
 					<button
@@ -156,7 +156,7 @@
 				{/each}
 			</div>
 
-			<div class="absolute bottom-0 left-0 right-0 flex justify-between text-xs">
+			<div class="sticky top-0 bottom-0 left-0 right-0 flex justify-between text-xs">
 				<div>
 					1 - {$i18n.t('Awful')}
 				</div>