diff --git a/scss/default.scss b/scss/default.scss
index 70495f0..65bc30a 100644
--- a/scss/default.scss
+++ b/scss/default.scss
@@ -23,6 +23,14 @@ p {
 .container {
   max-width: 1200px;
   margin: 0 auto;
+
+  @include media-large {
+    padding: 0 10px;
+  }
+
+  @include media-small {
+    padding: 0 20px;
+  }
 }
 
 .loading {
@@ -38,9 +46,3 @@ p {
     animation: loading-animation 1s linear infinite;
   }
 }
-
-@include media-small {
-  .container {
-    padding: 0 20px;
-  }
-}
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 5dfd632..d738d31 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -84,6 +84,10 @@
           }
         }
 
+        @include media-mobile {
+          padding-right: 0;
+        }
+
         &:last-child {
           margin-right: 0;
         }