diff --git a/platypush/backend/http/static/css/source/common/layout.scss b/platypush/backend/http/static/css/source/common/layout.scss
index beaad3c5c..17849d963 100644
--- a/platypush/backend/http/static/css/source/common/layout.scss
+++ b/platypush/backend/http/static/css/source/common/layout.scss
@@ -82,6 +82,12 @@ $widths: (
     }
 }
 
+@media (min-width: 720px) and (orientation:portrait) {
+    body {
+        font-size: $default-font-size-vertial;
+    }
+}
+
 .vertical-center {
     display: flex;
     align-items: center;
diff --git a/platypush/backend/http/static/css/source/common/vars.scss b/platypush/backend/http/static/css/source/common/vars.scss
index 0b4fa0421..b8f26dcab 100644
--- a/platypush/backend/http/static/css/source/common/vars.scss
+++ b/platypush/backend/http/static/css/source/common/vars.scss
@@ -7,7 +7,8 @@ $default-bg-5: #f8f8f8 !default;
 $default-fg: black !default;
 $default-fg-2: #333333 !default;
 $default-fg-3: #888888 !default;
-$default-font-size: 1.5rem !default;
+$default-font-size: 15px !default;
+$default-font-size-vertial: 25px !default;
 $default-shadow: 2px 2px 2px #ccc !default;
 $default-hover-fg: #35b870 !default;
 $default-hover-fg-2: #38cf80 !default;