diff --git a/apps/client/src/common/components/radio-group/RadioGroup.module.scss b/apps/client/src/common/components/radio-group/RadioGroup.module.scss
index e6db7f378..d6dcb0824 100644
--- a/apps/client/src/common/components/radio-group/RadioGroup.module.scss
+++ b/apps/client/src/common/components/radio-group/RadioGroup.module.scss
@@ -31,8 +31,8 @@
 .radio {
   box-sizing: border-box;
   display: flex;
-  width: 1rem;
-  height: 1rem;
+  width: 16px; // use absolute units to avoid subpixel rendering issues
+  height: 16px;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
@@ -65,8 +65,9 @@
   &::before {
     content: '';
     border-radius: 100%;
-    width: 0.5rem;
-    height: 0.5rem;
+    width: 6px; // half of the radio size
+    height: 6px;
+    aspect-ratio: 1;
     background-color: $ui-white;
   }
 }
diff --git a/apps/client/src/common/components/switch/Switch.module.scss b/apps/client/src/common/components/switch/Switch.module.scss
index 7777fd811..322d53f30 100644
--- a/apps/client/src/common/components/switch/Switch.module.scss
+++ b/apps/client/src/common/components/switch/Switch.module.scss
@@ -46,7 +46,7 @@
 }
 
 .thumb {
-  aspect-ratio: 1 / 1;
+  aspect-ratio: 1;
   height: 100%;
   border-radius: 99px;
   background-color: $ui-white;
@@ -55,5 +55,4 @@
   &[data-checked] {
     translate: calc(var(--width) - var(--height)) 0;
   }
-
 }