diff --git a/data/media/css/web/base.css b/data/media/css/web/base.css
index 93154c0d3431bb09f80c931119286084e521f1ef..8419b2357e0edd8270f9c3cedd0b8c1a35f2b91d 100644
--- a/data/media/css/web/base.css
+++ b/data/media/css/web/base.css
@@ -43,10 +43,25 @@ html {
   font-size: 16px;
 }
 
+body {
+  color: var(--text-color);
+  background-color: var(--background-color);
+  font-family: "Fira Sans", fira-sans, sans-serif, color-emoji;
+  line-height: 1.5;
+  word-wrap: break-word;
+  max-width: 980px;
+  margin: auto;
+  padding: 4em;
+}
+
 @media screen and (max-width: 799px) {
   html {
     font-size: 14px;
   }
+
+  body {
+    padding: 1em;
+  }
 }
 
 @media screen and (min-width: 1280px) {
@@ -55,17 +70,6 @@ html {
   }
 }
 
-body {
-  color: var(--text-color);
-  background-color: var(--background-color);
-  font-family: "Fira Sans", fira-sans, sans-serif, color-emoji;
-  line-height: 1.5;
-  word-wrap: break-word;
-  max-width: 980px;
-  margin: auto;
-  padding: 4em;
-}
-
 a {
   background-color: transparent;
   color: var(--link-color);