diff --git a/frontend/src/components/chat-interface.tsx b/frontend/src/components/chat-interface.tsx
index c6a72690ada4..5e2a7d161ef1 100644
--- a/frontend/src/components/chat-interface.tsx
+++ b/frontend/src/components/chat-interface.tsx
@@ -176,7 +176,7 @@ export function ChatInterface() {
           curAgentState === AgentState.FINISHED) && (
           <div className="flex flex-col gap-2 mb-2">
             {gitHubToken ? (
-              <div className="flex flex-row gap-2 justify-center">
+              <div className="flex flex-row gap-2 justify-center w-full">
                 {!hasPullRequest ? (
                   <>
                     <SuggestionItem
diff --git a/frontend/src/components/suggestion-item.tsx b/frontend/src/components/suggestion-item.tsx
index cb9b7fdcae6c..1d685a069803 100644
--- a/frontend/src/components/suggestion-item.tsx
+++ b/frontend/src/components/suggestion-item.tsx
@@ -7,7 +7,7 @@ interface SuggestionItemProps {
 
 export function SuggestionItem({ suggestion, onClick }: SuggestionItemProps) {
   return (
-    <li className="list-none border border-neutral-600 rounded-xl hover:bg-neutral-700">
+    <li className="list-none border border-neutral-600 rounded-xl hover:bg-neutral-700 flex-1">
       <button
         type="button"
         data-testid="suggestion"