diff --git a/opentech/static_src/src/sass/components/_button.scss b/opentech/static_src/src/sass/components/_button.scss
index 19e7322e6f5e92c2044a7288973317b443105ae8..5d59d72e8990be7775d9ceaf8ddef2d151a4091c 100644
--- a/opentech/static_src/src/sass/components/_button.scss
+++ b/opentech/static_src/src/sass/components/_button.scss
@@ -27,24 +27,36 @@
     }
 
     &--narrow {
-        padding: 5px 15px;
+        padding: 5px;
         font-size: 15px;
+
+        @include media-query(tablet-landscape) {
+            padding: 5px 15px;
+        }
     }
 
     // cannot conform to BEM here in order to be able to override google button styles
     &--google-translate {
-        width: 180px;
+        width: 160px;
         margin-left: 10px;
 
+        @include media-query(tablet-landscape) {
+            width: 180px;
+        }
+
         .goog-te-gadget-simple {
             @include button(transparent, $color--white);
-            padding: 5px 15px;
+            padding: 5px;
             font-family: $font--primary;
             font-size: 15px;
             font-weight: $weight--bold;
             border: 1px solid $color--white;
             transition: background, color,  $transition;
 
+            @include media-query(tablet-landscape) {
+                padding: 5px 15px;
+            }
+
             &:hover {
                 .goog-te-menu-value {
                     span {
diff --git a/opentech/static_src/src/sass/components/_nav.scss b/opentech/static_src/src/sass/components/_nav.scss
index b4d94ecacce52a5dd8491c4ce88a46b7fe2f9f6b..1cc45182ec616825a5533a89a919307b45b5e674 100644
--- a/opentech/static_src/src/sass/components/_nav.scss
+++ b/opentech/static_src/src/sass/components/_nav.scss
@@ -144,7 +144,7 @@
 
     &__link {
         display: inline-block;
-        padding: 20px 15px;
+        padding: 20px 10px;
         color: $color--white;
         border-bottom: 1px solid transparent;
         transition: color, border $transition;