From cc4d20a3b5f21126efd5a82142406c13df8655b7 Mon Sep 17 00:00:00 2001
From: Claas Augner <caugner@mozilla.com>
Date: Wed, 25 Sep 2024 12:13:38 +0200
Subject: [PATCH] fix(style): use em unit in {switch,thumbs} atoms

---
 client/src/ui/atoms/switch/index.scss | 8 ++++----
 client/src/ui/atoms/thumbs/index.scss | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/ui/atoms/switch/index.scss b/client/src/ui/atoms/switch/index.scss
index 04021cdbecfe..c6d9392fbb62 100644
--- a/client/src/ui/atoms/switch/index.scss
+++ b/client/src/ui/atoms/switch/index.scss
@@ -7,7 +7,7 @@
     height: 0;
     margin: 0;
     opacity: 0;
-    width: 3rem;
+    width: 3em;
 
     &:checked + .slider {
       background-color: var(--text-link);
@@ -29,10 +29,10 @@
     background-color: var(--text-secondary);
     border-radius: 1.5em;
     cursor: pointer;
-    height: 1.5rem;
+    height: 1.5em;
     position: absolute;
     transition: 0.4s;
-    width: 3rem;
+    width: 3em;
 
     &:before {
       background-color: var(--background-primary);
@@ -48,6 +48,6 @@
   }
 
   .label {
-    margin-left: 0.5rem;
+    margin-left: 0.5em;
   }
 }
diff --git a/client/src/ui/atoms/thumbs/index.scss b/client/src/ui/atoms/thumbs/index.scss
index a6c72f55312c..21ee53029669 100644
--- a/client/src/ui/atoms/thumbs/index.scss
+++ b/client/src/ui/atoms/thumbs/index.scss
@@ -2,8 +2,8 @@
   align-items: center;
   display: flex;
   flex-direction: row;
-  gap: 0.5rem;
-  height: 1.5rem;
+  gap: 0.5em;
+  height: 1.5em;
 
   .confirmation {
     animation-duration: 2.5s;