diff --git a/packages/web-react/src/components/Stack/useStackStyleProps.ts b/packages/web-react/src/components/Stack/useStackStyleProps.ts
index 5511c500d0..2ada6e2302 100644
--- a/packages/web-react/src/components/Stack/useStackStyleProps.ts
+++ b/packages/web-react/src/components/Stack/useStackStyleProps.ts
@@ -1,7 +1,6 @@
 import classNames from 'classnames';
 import { CSSProperties, ElementType } from 'react';
-import { useClassNamePrefix } from '../../hooks';
-import { useSpacingStyle } from '../../hooks/useSpacingStyle';
+import { useClassNamePrefix, useSpacingStyle } from '../../hooks';
 import { SpiritStackProps } from '../../types';
 
 interface StackCSSProperties extends CSSProperties {
diff --git a/packages/web-react/src/components/Tabs/stories/UncontrolledTabs.stories.tsx b/packages/web-react/src/components/Tabs/stories/UncontrolledTabs.stories.tsx
index 85a51850d5..71d6bc34dd 100644
--- a/packages/web-react/src/components/Tabs/stories/UncontrolledTabs.stories.tsx
+++ b/packages/web-react/src/components/Tabs/stories/UncontrolledTabs.stories.tsx
@@ -11,6 +11,16 @@ const meta: Meta<typeof UncontrolledTabs> = {
         type: 'number',
       },
     },
+    spacing: {
+      control: 'object',
+    },
+  },
+  args: {
+    spacing: {
+      desktop: 'space-700',
+      mobile: 'space-500',
+      tablet: 'space-600',
+    },
   },
 };
 
diff --git a/packages/web-react/src/components/Tabs/useTabsStyleProps.ts b/packages/web-react/src/components/Tabs/useTabsStyleProps.ts
index f5c3d8e209..207f8429d4 100644
--- a/packages/web-react/src/components/Tabs/useTabsStyleProps.ts
+++ b/packages/web-react/src/components/Tabs/useTabsStyleProps.ts
@@ -1,7 +1,6 @@
 import classNames from 'classnames';
 import { CSSProperties } from 'react';
-import { useClassNamePrefix } from '../../hooks';
-import { useSpacingStyle } from '../../hooks/useSpacingStyle';
+import { useClassNamePrefix, useSpacingStyle } from '../../hooks';
 import { SpiritTabsProps } from '../../types';
 import { useTabContext } from './TabContext';
 
diff --git a/packages/web-react/src/hooks/index.ts b/packages/web-react/src/hooks/index.ts
index 545d9435c4..23a659d86d 100644
--- a/packages/web-react/src/hooks/index.ts
+++ b/packages/web-react/src/hooks/index.ts
@@ -8,4 +8,5 @@ export * from './useIcon';
 export * from './useIsomorphicLayoutEffect';
 export * from './useLastActiveFocus';
 export * from './useScrollControl';
+export * from './useSpacingStyle';
 export * from './useToggle';