fix(chat): restore 11px mode label on the change-agent button (#17616)

Co-authored-by: neubig <neubig@users.noreply.github.com>
Co-authored-by: openhands <openhands@all-hands.dev>

__tests__/components/features/chat/change-agent-button.test.tsx

@@ -264,6 +264,15 @@ describe("ChangeAgentButton mode selection", () => {
     ).not.toBeInTheDocument();
   });
 
+  it("sizes the mode label at the intended 11px", () => {
+    renderButton();
+
+    const label = screen.getByText("COMMON$CODE");
+    expect(label).toHaveClass("text-[11px]");
+    expect(label).toHaveClass("text-white");
+    expect(label).not.toHaveClass("text-2.75");
+  });
+
   it("selects plan and code modes from the menu", async () => {
     const user = userEvent.setup();
     renderButton();

src/components/features/chat/change-agent-button.tsx

@@ -185,7 +185,7 @@ export function ChangeAgentButton() {
       >
         <div className="flex items-center gap-1 pl-1.5">
           {buttonIcon}
-          <Typography.Text className="text-2.75 not-italic font-normal leading-5">
+          <Typography.Text className="text-[11px] not-italic font-normal leading-5">
             {buttonLabel}
           </Typography.Text>
         </div>