diff --git a/src/common-components/dropdown-question/dropdown-question.vue b/src/common-components/dropdown-question/dropdown-question.vue
index b38e63c0d..e95116b53 100644
--- a/src/common-components/dropdown-question/dropdown-question.vue
+++ b/src/common-components/dropdown-question/dropdown-question.vue
@@ -26,6 +26,9 @@ export default {
 
 <style lang="scss">
 .dropdown-question {
+  label {
+    color: $black;
+  }
   .form-label {
     margin-bottom: .25rem;
   }
@@ -37,7 +40,7 @@ export default {
     min-height: 3rem;
     &:focus,
     &:focus-visible {
-      box-shadow: 0 0 0 2px $blue;
+      box-shadow: 0 0 0 2.5px $blue;
     }
     &:disabled,
     &.disabled {
@@ -49,7 +52,7 @@ export default {
       }
     }
     &:hover {
-      border: 1px solid transparent;
+      border: 1px solid $gray-500;
       box-shadow: 0 0 0 4px $blue-300;
     }
   }
diff --git a/src/common-components/textbox-question/textbox-question.vue b/src/common-components/textbox-question/textbox-question.vue
index 5daaa9bd4..00874a385 100644
--- a/src/common-components/textbox-question/textbox-question.vue
+++ b/src/common-components/textbox-question/textbox-question.vue
@@ -28,6 +28,9 @@ export default {
 
 <style lang="scss">
 .textbox-question {
+  label {
+    color: $black;
+  }
   input {
     &.has-icon {
       background-image: url(~@/assets/img/icons/location-pin.svg);
@@ -52,7 +55,7 @@ export default {
       color: $gray-500;
     }
     &:focus {
-      box-shadow: 0 0 0 2px $blue;
+      box-shadow: 0 0 0 2.5px $blue;
     }
     &:disabled,
     &.disabled {
@@ -63,7 +66,7 @@ export default {
       }
     }
     &:hover {
-      border: 1px solid transparent;
+      border: 1px solid $gray-500;
       box-shadow: 0 0 0 4px $blue-300;
     }
   }