diff --git a/assets/css/style.css b/assets/css/style.css
index 5a24d43..9229717 100755
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -141,6 +141,7 @@ body{
 .checklabel123{
     padding-top: 25px !important;
 }
+
 @media only screen and (max-width: 575px){
     .checklabel{
         height: 123px;
@@ -151,11 +152,7 @@ body{
         padding-top: 16px !important;
     }
 }
-@media only screen and (max-width: 992px) and (min-width: 575px)  {
-        .box12{
-            padding: 11px !important;
-        }
-}
+
 .form-switch .form-check-input {
     padding: 10px 16px;
     background-color: black;
@@ -168,4 +165,13 @@ body{
 }
 .bar{
     background-color: #e9c046 !important;
+}
+.progress-bar {
+    background-color: #e9c046 !important;
+}
+.checklabel{
+    background: white !important;
+}
+.checklabel:hover{
+    background: #e9c046 !important;;
 }
\ No newline at end of file
diff --git a/pages/onboarding.vue b/pages/onboarding.vue
index 42fb112..6d685d7 100644
--- a/pages/onboarding.vue
+++ b/pages/onboarding.vue
@@ -51,7 +51,8 @@ export default {
   background-color: #e9c046 !important;
 }
 .checklabel{
-  background-color: white ;
-  width: 150px;
+  background-color: white !important;
+  width: 150px ;
+  height: 134px ;
 }
 </style>
\ No newline at end of file
diff --git a/pages/onboarding/onboarding4.vue b/pages/onboarding/onboarding4.vue
index d3af895..69ab9c9 100644
--- a/pages/onboarding/onboarding4.vue
+++ b/pages/onboarding/onboarding4.vue
@@ -144,4 +144,9 @@ export default {
   fill: white;
 }
 
+@media only screen and (max-width: 992px) and (min-width: 575px)  {
+  .box12{
+    padding: 11px !important;
+  }
+}
 </style>
\ No newline at end of file