diff --git a/airbyte-webapp/src/components/base/Toggle/Toggle.tsx b/airbyte-webapp/src/components/base/Toggle/Toggle.tsx
index df60a877d305..1a5dae70f401 100644
--- a/airbyte-webapp/src/components/base/Toggle/Toggle.tsx
+++ b/airbyte-webapp/src/components/base/Toggle/Toggle.tsx
@@ -41,10 +41,10 @@ const Slider = styled.span<{ small?: boolean }>`
     background: ${({ theme }) => theme.whiteColor};
     transition: 0.3s;
     border-radius: 50%;
+  }
 
-    input:checked + && {
-      transform: translateX(${({ small }) => (small ? 10 : 18)}px);
-    }
+  input:checked + &&:before {
+    transform: translateX(${({ small }) => (small ? 10 : 18)}px);
   }
 
   input:checked + & {