diff --git a/pkgs/webview-ui/app/src/components/BackButton.tsx b/pkgs/webview-ui/app/src/components/BackButton.tsx
index 5db02fb5f..a0072c0a2 100644
--- a/pkgs/webview-ui/app/src/components/BackButton.tsx
+++ b/pkgs/webview-ui/app/src/components/BackButton.tsx
@@ -6,10 +6,11 @@ export const BackButton = () => {
   const navigate = useNavigate();
   return (
     <Button
-      variant="light"
-      class="w-fit"
+      variant="ghost"
+      size="s"
+      class="mr-2"
       onClick={() => navigate(-1)}
-      startIcon={<Icon icon="CaretRight" />}
+      startIcon={<Icon icon="CaretLeft" />}
     ></Button>
   );
 };