diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 4598f5e1b..008323b65 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -87,7 +87,7 @@
       </ds-container>
     </div>
     <ds-container style="word-break: break-all">
-      <div style="padding: 6rem 2rem 5rem;" :width="{ base: '100%', md: '96%' }">
+      <div class="main-container" :width="{ base: '100%', md: '96%' }">
         <nuxt />
       </div>
     </ds-container>
@@ -226,6 +226,11 @@ export default {
   display: inline-flex;
 }
 
+.main-container {
+  padding-top: 6rem;
+  padding-botton: 5rem;
+}
+
 .main-navigation {
   a {
     color: $text-color-soft;