Squirclesssss 🟦🔵 (#22535)

packages/twenty-front/src/modules/auth/sign-in-up/components/EmailVerificationSent.tsx

@@ -74,6 +74,7 @@ const StyledLinkButton = styled.button`
 const StyledDot = styled.div`
   background: ${themeCssVariables.font.color.light};
   border-radius: 50%;
+  corner-shape: round;
   height: 2px;
   width: 2px;
 `;

packages/twenty-front/src/modules/auth/sign-in-up/components/internal/LastUsedPill.tsx

@@ -11,8 +11,9 @@ const StyledPillContainer = styled.span`
   > span {
     background: ${themeCssVariables.accent.accent3};
     border: 1px solid ${themeCssVariables.accent.accent5};
-    border-radius: ${themeCssVariables.border.radius.md};
+    border-radius: ${themeCssVariables.border.radius.pill};
     color: ${themeCssVariables.accent.accent9};
+    corner-shape: round;
     font-weight: ${themeCssVariables.font.weight.semiBold};
     height: ${themeCssVariables.spacing[5]};
   }

packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpTwoFactorAuthenticationVerification.tsx

@@ -135,7 +135,8 @@ const StyledDashContainer = styled.div`
 
 const StyledDash = styled.div`
   background-color: ${themeCssVariables.font.color.primary};
-  border-radius: 9999px;
+  border-radius: ${themeCssVariables.border.radius.pill};
+  corner-shape: round;
   height: 0.25rem;
   width: 0.75rem;
 `;

packages/twenty-front/src/modules/auth/sign-in-up/components/internal/SignInUpWorkspaceCreationForm.tsx

@@ -129,6 +129,7 @@ const StyledAvailabilityDot = styled.div`
   background-color: ${themeCssVariables.color.green};
   border-radius: 50%;
   box-shadow: 0 0 0 3px ${themeCssVariables.color.green5};
+  corner-shape: round;
   flex-shrink: 0;
   height: 6px;
   width: 6px;