diff --git a/src/space/index.js b/src/space/index.js
index aad7193..22efad4 100644
--- a/src/space/index.js
+++ b/src/space/index.js
@@ -16,6 +16,7 @@ class Space extends Component {
       flex-wrap: wrap;
       align-items: center;
       width: 100%;
+      padding: 12px 0;
       gap: 12px;
     }
     :host([vertical]) {
@@ -35,12 +36,12 @@ class Space extends Component {
       'l': 12px,
       'xl': 16px,
       'xxl': 20px,
-      'xxxl': 24px,
-      'xxxxl': 28px
+      'xxxl': 24px
     );
     @loop $k, $v in $gaps {
       :host([gap='#{$k}']) {
         .container {
+          padding: $v 0;
           gap: $v;
         }
       }