diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/styles/base.scss b/packages/devui-vue/docs/.vitepress/devui-theme/styles/base.scss
index e5b3900541e5dc5a27908f19c2dc88f88ea84fcb..854a24e26409bad20708e24ab3ef55cf03cda26a 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/styles/base.scss
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/styles/base.scss
@@ -31,6 +31,15 @@ $size: (
   }
 }
 
+@each $size-key, $size-value in $size {
+  .space-x-#{$size-key} > *:nth-child(n-1) {
+    margin-left: $size-value;
+  }
+  .space-y-#{$size-key} > *:nth-child(n-1) {
+    margin-top: $size-value;
+  }
+}
+
 .text-left {
   text-align: left;
 }