From b5cbb7f5aba2175f783047a87ac3729bc57ce3eb Mon Sep 17 00:00:00 2001
From: devgioele <gioele.devitti@aboutbits.it>
Date: Wed, 20 Sep 2023 13:17:25 +0000
Subject: [PATCH] Prefer gap over space for SectionListItemButton and
 SectionListItemLink (#290)

* fix theme reference of SectionListItem stories

* use gap instead of space utilities for SectionListItemButton and SectionListItemLink
---
 .../section/SectionItem/SectionListItemButton.stories.mdx       | 2 +-
 .../section/SectionItem/SectionListItemLink.stories.mdx         | 2 +-
 src/components/section/theme.ts                                 | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/section/SectionItem/SectionListItemButton.stories.mdx b/src/components/section/SectionItem/SectionListItemButton.stories.mdx
index 5861e67a..f28b7d9e 100644
--- a/src/components/section/SectionItem/SectionListItemButton.stories.mdx
+++ b/src/components/section/SectionItem/SectionListItemButton.stories.mdx
@@ -35,7 +35,7 @@ export const Template = ({ children, ...args }) => {
 
 
 
-<Theme component="section" items={['listItemButton']} />
+<Theme component="section" items={['listItemButtonLink']} />
 
 ## Example: Usage within Section
 
diff --git a/src/components/section/SectionItem/SectionListItemLink.stories.mdx b/src/components/section/SectionItem/SectionListItemLink.stories.mdx
index d903f3a0..a85bff24 100644
--- a/src/components/section/SectionItem/SectionListItemLink.stories.mdx
+++ b/src/components/section/SectionItem/SectionListItemLink.stories.mdx
@@ -32,7 +32,7 @@ export const Template = ({ children, ...args }) => {
 
 
 
-<Theme component="section" items={['listItemLink']} />
+<Theme component="section" items={['listItemButtonLink']} />
 
 ## Example: Usage within Section
 
diff --git a/src/components/section/theme.ts b/src/components/section/theme.ts
index 4c8c187a..c7833532 100644
--- a/src/components/section/theme.ts
+++ b/src/components/section/theme.ts
@@ -39,7 +39,7 @@ export default {
     },
   },
   listItemButtonLink: {
-    base: 'block w-full focus:outline-neutral-800 justify-between space-x-4 hover:bg-neutral-100 active:bg-neutral-100',
+    base: 'w-full focus:outline-neutral-800 justify-between gap-4 hover:bg-neutral-100 active:bg-neutral-100',
     icon: 'fill-current',
   },
   subsectionTitle: {