diff --git a/components/composition/Spacing/Spacing.css b/components/composition/Spacing/Spacing.css
index 636e877..b7f5e7e 100644
--- a/components/composition/Spacing/Spacing.css
+++ b/components/composition/Spacing/Spacing.css
@@ -1,4 +1,7 @@
 /* top */
+.diamond-spacing-top-none {
+  margin-top: 0;
+}
 
 .diamond-spacing-top-xs {
   margin-top: var(--diamond-spacing-xs);
@@ -33,6 +36,9 @@
 }
 
 /* bottom */
+.diamond-spacing-bottom-none {
+  margin-bottom: 0;
+}
 
 .diamond-spacing-bottom-xs {
   margin-bottom: var(--diamond-spacing-xs);
diff --git a/components/composition/Spacing/Spacing.stories.ts b/components/composition/Spacing/Spacing.stories.ts
index 9259f9f..7b25e0e 100644
--- a/components/composition/Spacing/Spacing.stories.ts
+++ b/components/composition/Spacing/Spacing.stories.ts
@@ -20,7 +20,17 @@ export default {
   argTypes: {
     size: {
       control: { type: 'select' },
-      options: ['xs', 'sm', 'md', 'lg', 'xl', 'fluid', 'fluid-sm', 'fluid-lg'],
+      options: [
+        'none',
+        'xs',
+        'sm',
+        'md',
+        'lg',
+        'xl',
+        'fluid',
+        'fluid-sm',
+        'fluid-lg',
+      ],
     },
   },
 };