diff --git a/client/src/components/helpers/toggle-button.css b/client/src/components/helpers/toggle-button.css
index 50cf69f9f31..512b308090f 100644
--- a/client/src/components/helpers/toggle-button.css
+++ b/client/src/components/helpers/toggle-button.css
@@ -41,6 +41,7 @@
 .btn-group .btn.toggle-active {
   border-color: var(--tertiary-color);
   padding-inline: 30px;
+  display: flex;
 }
 
 .btn-group .btn-primary,
@@ -48,44 +49,3 @@
 .btn-group .btn-primary:hover {
   border-color: var(--secondary-color);
 }
-
-.btn.toggle-active > .tick,
-.btn.toggle-not-active > .tick {
-  position: absolute;
-}
-
-.btn:first-child > .tick {
-  left: 9px;
-  top: calc(50% - 8pt);
-}
-
-.btn:last-child > .tick {
-  right: 6px;
-  top: calc(50% - 8pt);
-}
-
-.btn-group .btn + .btn {
-  margin-inline-start: -2px;
-}
-
-label.toggle-label {
-  display: flex;
-  flex-direction: column;
-}
-
-@media (max-width: 550px) {
-  .btn:first-child > .tick {
-    left: 6px;
-  }
-
-  .btn:last-child > .tick {
-    right: 5px;
-  }
-}
-
-@media (max-width: 440px) {
-  .btn:first-child > .tick {
-    left: auto;
-    right: 5px;
-  }
-}