diff --git a/src/sass/common.scss b/src/sass/common.scss
index cb13008c2..52d021c1e 100644
--- a/src/sass/common.scss
+++ b/src/sass/common.scss
@@ -63,6 +63,10 @@
   margin-right: auto;
 }
 
+.bar-green{
+  background: rgb(17, 209, 166) !important;
+}
+
 ion-header-bar{
   button{
     border:none;
diff --git a/src/sass/views/onboarding/onboard-tour.scss b/src/sass/views/onboarding/onboard-tour.scss
index 358e9949c..ddb13b75e 100644
--- a/src/sass/views/onboarding/onboard-tour.scss
+++ b/src/sass/views/onboarding/onboard-tour.scss
@@ -24,3 +24,13 @@
     }
   }
 }
+
+@media (max-width: 400px){
+  #onboard-tour{
+    &-secure, &-currency, &-control{
+      #cta{
+        height: 14rem;
+      }
+    }
+  }
+}
diff --git a/src/sass/views/onboarding/onboard-welcome.scss b/src/sass/views/onboarding/onboard-welcome.scss
index 414d80e78..9e71cb6ba 100644
--- a/src/sass/views/onboarding/onboard-welcome.scss
+++ b/src/sass/views/onboarding/onboard-welcome.scss
@@ -42,7 +42,8 @@
   }
 }
 
-@media (max-width:500px), (max-height:800px) {
+@media (max-width:500px),
+(max-height:800px) {
   #onboard-welcome {
     ion-content {
       .logo {
@@ -62,7 +63,7 @@
   }
 }
 
-@media (max-height:608px) {
+@media (max-height:550px) {
   #onboard-welcome {
     #cta-buttons {
       position: relative !important;
diff --git a/src/sass/views/onboarding/onboarding.scss b/src/sass/views/onboarding/onboarding.scss
index a324af26a..0c5522ac3 100644
--- a/src/sass/views/onboarding/onboarding.scss
+++ b/src/sass/views/onboarding/onboarding.scss
@@ -75,6 +75,16 @@
   }
 }
 
+@media (max-width: 400px){
+  .onboarding{
+    ion-content{
+      h2{
+        font-size: 1.2rem;
+      }
+    }
+  }
+}
+
 @import "terms-of-use";
 @import "onboard-welcome";
 @import "onboard-tour";