diff --git a/css/area_footer.less b/css/area_footer.less
index cd49dcc..d1f887d 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -26,6 +26,7 @@
             z-index: 2;
             box-sizing: border-box;
             background-color: @color-site-bg;
+
         }
         p {
             font-size: @font-size-default;
diff --git a/css/base_structure.less b/css/base_structure.less
index b7bcae2..8daf866 100755
--- a/css/base_structure.less
+++ b/css/base_structure.less
@@ -245,3 +245,30 @@
         }
     }
 }
+
+@media @screen_max-xxs{
+    @mobileMargin: 4px;
+    .container{
+        margin: 0 @mobileMargin;
+    }
+    body.show-mobile-sidebar #dokuwiki__aside{
+        left: @mobileMargin;
+    }
+    #dokuwiki__usertools{
+        right: @mobileMargin;
+    }
+    #dokuwiki__footer{
+        .main-footer{
+            > *{
+                padding-left: 2rem;
+                padding-right: 2rem;
+            }
+
+        }
+    }
+    .page-footer{
+
+    }
+
+}
+