diff --git a/public/resources/css/base/_type.scss b/public/resources/css/base/_type.scss
index 32c4ee41ee..a76b1fb592 100644
--- a/public/resources/css/base/_type.scss
+++ b/public/resources/css/base/_type.scss
@@ -208,3 +208,18 @@ table td {
     margin-right: 0;
   }
 }
+@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
+  .docs-content .card-row {
+    &[layout="row"] {
+      -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+      flex-direction: column; 
+      & > div {   
+        & > .card {
+          margin-left: 0;
+          margin-right: 0;
+        }
+      }
+    }
+  }
+}
diff --git a/public/resources/css/module/_banner.scss b/public/resources/css/module/_banner.scss
index 7c1ddd38b7..cc7a647238 100644
--- a/public/resources/css/module/_banner.scss
+++ b/public/resources/css/module/_banner.scss
@@ -12,7 +12,7 @@
   @media handheld and (max-width: $phone-breakpoint),
   screen and (max-device-width: $phone-breakpoint),
   screen and (max-width: $tablet-breakpoint) {
-    padding: ($unit * 2) 0;
+    padding: ($unit * 2);
   }
 
   &.is-centered {