diff --git a/styles/src/components/_checkbox.scss b/styles/src/components/_checkbox.scss
index 634b173..00e60bd 100755
--- a/styles/src/components/_checkbox.scss
+++ b/styles/src/components/_checkbox.scss
@@ -3,6 +3,8 @@
 @use "../settings/config" as cfg;
 @use "../settings/icons";
 
+$thickness: 1.3333 !default;
+
 .check-box {
 
   // applied to label
@@ -11,7 +13,7 @@
 
   >.box {
     -fx-background-color: -color-fg-default, -color-bg-default;
-    -fx-background-insets: 0, cfg.$border-width;
+    -fx-background-insets: 0, $thickness;
     -fx-background-radius: cfg.$border-radius, cfg.$inner-border-radius;
     -fx-padding: cfg.$checkbox-mark-padding-y cfg.$checkbox-mark-padding-x cfg.$checkbox-mark-padding-y cfg.$checkbox-mark-padding-x;
     -fx-alignment: CENTER;
@@ -24,12 +26,16 @@
       -fx-min-width:  cfg.$checkbox-mark-size;
       -fx-max-width:  cfg.$checkbox-mark-size;
     }
+
+    &:hover {
+      -fx-background-color: -color-fg-muted, -color-bg-subtle;
+    }
   }
 
   &:indeterminate {
     >.box {
       >.mark {
-        -fx-background-color: -color-fg-muted;
+        -fx-background-color: -color-fg-default;
         @include icons.get("minus", false);
       }
     }
diff --git a/styles/src/components/_radio.scss b/styles/src/components/_radio.scss
index dcbfe1f..393140c 100755
--- a/styles/src/components/_radio.scss
+++ b/styles/src/components/_radio.scss
@@ -2,6 +2,8 @@
 
 @use "../settings/config" as cfg;
 
+$thickness: 1.3333 !default;
+
 .radio-button {
 
   // applied to label
@@ -11,20 +13,24 @@
 
   >.radio {
     -fx-background-color: -color-fg-default, -color-bg-default;
-    -fx-background-insets: 0, cfg.$border-width;
+    -fx-background-insets: 0, $thickness;
     -fx-background-radius: 1em; // large value to make sure this remains circular
     -fx-padding: cfg.$checkbox-mark-padding-y;
     -fx-alignment: CENTER;
 
     >.dot {
       -fx-background-color: transparent, transparent;
-      -fx-background-insets: 0, 1px;
+      -fx-background-insets: 0, 1;
       -fx-background-radius: 1em; // large value to make sure this remains circular
       -fx-min-height: cfg.$checkbox-mark-size;
       -fx-max-height: cfg.$checkbox-mark-size;
       -fx-min-width: cfg.$checkbox-mark-size;
       -fx-max-width: cfg.$checkbox-mark-size;
     }
+
+    &:hover {
+      -fx-background-color: -color-fg-muted, -color-bg-subtle;
+    }
   }
 
   &:disabled {