diff --git a/src/assets/styles/common-checkbox.scss b/src/assets/styles/common-checkbox.scss
index ffaae5d..37faf9a 100644
--- a/src/assets/styles/common-checkbox.scss
+++ b/src/assets/styles/common-checkbox.scss
@@ -23,7 +23,8 @@ $ripple-size: 26px;
     }
 
     .mdc-checkbox__ripple {
-        background: var(--iqser-background);
+        --mdc-checkbox-unselected-focus-state-layer-color: var(--iqser-alt-background);
+
         width: $ripple-size;
         height: $ripple-size;
         left: calc(($checkbox-size - $ripple-size) / 2);
diff --git a/src/assets/styles/common-inputs.scss b/src/assets/styles/common-inputs.scss
index 6b54fdb..f8b4ca2 100644
--- a/src/assets/styles/common-inputs.scss
+++ b/src/assets/styles/common-inputs.scss
@@ -131,6 +131,20 @@ iqser-dynamic-input {
         }
     }
 
+    .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused {
+        .mdc-notched-outline__leading,
+        .mdc-notched-outline__trailing {
+            border-color: var(--iqser-text);
+        }
+
+        &:hover {
+            .mdc-notched-outline__leading,
+            .mdc-notched-outline__trailing {
+                border-color: var(--iqser-text);
+            }
+        }
+    }
+
     .mdc-text-field--focused .mdc-notched-outline__leading,
     .mdc-text-field--focused .mdc-notched-outline__notch,
     .mdc-text-field--focused .mdc-notched-outline__trailing {