diff --git a/pgml-dashboard/static/css/scss/components/_forms.scss b/pgml-dashboard/static/css/scss/components/_forms.scss
index 3da4f79a6..5b211ca7a 100644
--- a/pgml-dashboard/static/css/scss/components/_forms.scss
+++ b/pgml-dashboard/static/css/scss/components/_forms.scss
@@ -30,6 +30,7 @@
     &[type=checkbox] {
         background-color: var(--form-switch-default);
         border-color: var(--form-switch-default);
+        width: 2.5em !important;
     
         &:hover {
             border-color: var(--form-switch-hover);
diff --git a/pgml-dashboard/static/css/scss/themes/dark.scss b/pgml-dashboard/static/css/scss/themes/dark.scss
index e77354ed4..37ada0b9b 100644
--- a/pgml-dashboard/static/css/scss/themes/dark.scss
+++ b/pgml-dashboard/static/css/scss/themes/dark.scss
@@ -32,8 +32,8 @@
     --form-check-disable-color: #{$gray-200}; 
     --form-radio-checked-bg: #{$gray-100};
 
-    --form-switch-default: #{$neon-tint-400};
-    --form-switch-hover: #{$neon-tint-300};
+    --form-switch-default: #{$neon-tint-600};
+    --form-switch-hover: #{$neon-tint-500};
     --form-switch-active: #{$neon-tint-100};
 
     .form-label {