From b135449c078d201974412e73ee51d79f6d7c8e12 Mon Sep 17 00:00:00 2001
From: Henry Li <henry1943@163.com>
Date: Sat, 7 Feb 2026 17:56:06 +0800
Subject: [PATCH] fix: adjust suggestion positioning and height for improved UI
 layout

---
 frontend/src/components/ai-elements/suggestion.tsx | 2 +-
 frontend/src/components/workspace/input-box.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ai-elements/suggestion.tsx b/frontend/src/components/ai-elements/suggestion.tsx
index b3e5a3e..7c06e9c 100644
--- a/frontend/src/components/ai-elements/suggestion.tsx
+++ b/frontend/src/components/ai-elements/suggestion.tsx
@@ -8,7 +8,7 @@ import type { LucideIcon } from "lucide-react";
 import { Children, type ComponentProps } from "react";
 
 const STAGGER_DELAY_MS = 60;
-const STAGGER_DELAY_MS_OFFSET = 200;
+const STAGGER_DELAY_MS_OFFSET = 250;
 
 export type SuggestionsProps = ComponentProps<typeof ScrollArea>;
 
diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx
index 569dbbe..4403f47 100644
--- a/frontend/src/components/workspace/input-box.tsx
+++ b/frontend/src/components/workspace/input-box.tsx
@@ -384,7 +384,7 @@ export function InputBox({
         </PromptInputTools>
       </PromptInputFooter>
       {isNewThread && searchParams.get("mode") !== "skill" && (
-        <div className="absolute right-0 -bottom-12 left-0 z-0 flex items-center justify-center">
+        <div className="absolute right-0 -bottom-24 left-0 z-0 flex items-center justify-center">
           <SuggestionList />
         </div>
       )}
@@ -419,7 +419,7 @@ function SuggestionList() {
     [textInput],
   );
   return (
-    <Suggestions className="w-fit">
+    <Suggestions className="h-32 w-fit">
       <ConfettiButton
         className="text-muted-foreground cursor-pointer rounded-full px-4 text-xs font-normal"
         variant="outline"