From df518aa7cc5a0ebd92574003dd616b04421dcdc6 Mon Sep 17 00:00:00 2001
From: Roland Tannous <rolandtannous@gravityq.ai>
Date: Sat, 21 Feb 2026 12:51:38 +0000
Subject: [PATCH] move microphone icon in compare page to be next to send
 button

---
 .../src/features/chat/shared-composer.tsx     | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/studio/frontend/src/features/chat/shared-composer.tsx b/studio/frontend/src/features/chat/shared-composer.tsx
index 855b83ee09..6b3fc29d9e 100644
--- a/studio/frontend/src/features/chat/shared-composer.tsx
+++ b/studio/frontend/src/features/chat/shared-composer.tsx
@@ -317,6 +317,8 @@ export function SharedComposer({
           >
             <PlusIcon className="size-5 stroke-[1.5px]" />
           </TooltipIconButton>
+        </div>
+        <div className="flex items-center gap-1">
           {dictationSupported && (
             <>
               {!isDictating ? (
@@ -346,30 +348,30 @@ export function SharedComposer({
               )}
             </>
           )}
+          {running ? (
+            <Button
+              type="button"
+              variant="default"
+              size="icon"
+              className="size-8 rounded-full"
+              onClick={stop}
+            >
+              <SquareIcon className="size-3 fill-current" />
+            </Button>
+          ) : (
+            <TooltipIconButton
+              tooltip="Send message"
+              side="bottom"
+              variant="default"
+              size="icon"
+              className="size-8 rounded-full"
+              onClick={send}
+              disabled={!canSend}
+            >
+              <ArrowUpIcon className="size-4" />
+            </TooltipIconButton>
+          )}
         </div>
-        {running ? (
-          <Button
-            type="button"
-            variant="default"
-            size="icon"
-            className="size-8 rounded-full"
-            onClick={stop}
-          >
-            <SquareIcon className="size-3 fill-current" />
-          </Button>
-        ) : (
-          <TooltipIconButton
-            tooltip="Send message"
-            side="bottom"
-            variant="default"
-            size="icon"
-            className="size-8 rounded-full"
-            onClick={send}
-            disabled={!canSend}
-          >
-            <ArrowUpIcon className="size-4" />
-          </TooltipIconButton>
-        )}
       </div>
     </div>
   );