diff --git a/apps/web/src/views/auth.tsx b/apps/web/src/views/auth.tsx
index 8ba2bfc55..addcdfd62 100644
--- a/apps/web/src/views/auth.tsx
+++ b/apps/web/src/views/auth.tsx
@@ -1124,7 +1124,7 @@ export function AuthForm<T extends AuthRoutes>(props: AuthFormProps<T>) {
               borderRadius: "radius2",
               display: "flex",
               alignItems: "center",
-              gap: "spacing4",
+              gap: "spacing3",
               px: "spacing6",
               py: "spacing5",
               alignSelf: "flex-start",
diff --git a/apps/web/src/views/recovery.tsx b/apps/web/src/views/recovery.tsx
index fd2e167c4..1754fdc37 100644
--- a/apps/web/src/views/recovery.tsx
+++ b/apps/web/src/views/recovery.tsx
@@ -958,11 +958,16 @@ export function RecoveryForm<T extends RecoveryRoutes>(
             variant="new_bordered"
             onClick={onBack}
             sx={{
+              background: "background",
+              borderRadius: "radius2",
               display: "flex",
               alignItems: "center",
-              gap: "spacing5",
+              gap: "spacing3",
+              px: "spacing6",
+              py: "spacing5",
               alignSelf: "flex-start",
-              mb: "spacing9"
+              mb: "spacing9",
+              border: "1px solid var(--border)"
             }}
           >
             <ChevronLeft size={14} color="icon" />