update back arrow size

src/AppBar.tsx

@@ -84,7 +84,7 @@ export const AppBar: FC<Props> = ({ children }) => {
         >
           <LeftNav>
             <Tooltip label={t("common.back")}>
-              <IconButton size="24px" onClick={onBackClick}>
+              <IconButton onClick={onBackClick}>
                 {PrimaryButtonIcon ? (
                   <PrimaryButtonIcon aria-hidden />
                 ) : (

src/room/LobbyView.test.tsx

@@ -130,12 +130,14 @@ describe("LobbyView", () => {
     // Check that the primary button uses ArrowLeftIcon (the back/return icon),
     // not the default CollapseIcon
     const { container: iconContainer } = render(<ArrowLeftIcon />);
-    const expectedPath = iconContainer.querySelector("path")!.getAttribute("d");
-    const primaryButtonPath = container
+    const expectedSvgPath = iconContainer
+      .querySelector("path")!
+      .getAttribute("d");
+    const primaryButtonSvgPath = container
       .querySelector(".leftNav button")
       ?.querySelector("path")
       ?.getAttribute("d");
-    expect(primaryButtonPath).toBe(expectedPath);
+    expect(primaryButtonSvgPath).toBe(expectedSvgPath);
     expect(container).toMatchSnapshot();
     expect(await axe(container)).toHaveNoViolations();
   });