From f2b9f306fbfb64e4db1978c0adbab1cd05311a78 Mon Sep 17 00:00:00 2001
From: msmx-mnakagawa <mnakagawa@mashmatrix.com>
Date: Wed, 17 Sep 2025 13:18:04 +0900
Subject: [PATCH 1/2] add a Story with dividers of `Picklist`

---
 stories/Picklist.stories.tsx | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/stories/Picklist.stories.tsx b/stories/Picklist.stories.tsx
index 6614a0ca7..97f293a5d 100644
--- a/stories/Picklist.stories.tsx
+++ b/stories/Picklist.stories.tsx
@@ -268,3 +268,36 @@ export const WithTooltip: ComponentStoryObj<typeof Picklist> = {
     },
   },
 };
+
+/**
+ *
+ */
+export const WithDividers: ComponentStoryObj<typeof Picklist> = {
+  name: 'With Dividers',
+  args: {
+    label: 'Picklist Label',
+    defaultOpened: true,
+    children: [
+      <PicklistItem
+        key='1'
+        label='Picklist Item One'
+        value='1'
+        divider='bottom'
+      />,
+      <PicklistItem key='2' label='Picklist Item Two' value='2' />,
+      <PicklistItem
+        key='3'
+        label='Picklist Item Three'
+        value='3'
+        divider='top'
+      />,
+    ],
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Picklist with dividers',
+      },
+    },
+  },
+};

From dc701e8d72fd9bce957e30c387ebd6d55ca01a6f Mon Sep 17 00:00:00 2001
From: msmx-mnakagawa <mnakagawa@mashmatrix.com>
Date: Wed, 17 Sep 2025 13:19:25 +0900
Subject: [PATCH 2/2] remove unnecessary classname for dividers

---
 src/scripts/Picklist.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/scripts/Picklist.tsx b/src/scripts/Picklist.tsx
index eb579c6dc..a1015c6de 100644
--- a/src/scripts/Picklist.tsx
+++ b/src/scripts/Picklist.tsx
@@ -694,12 +694,8 @@ export const PicklistItem: FC<PicklistItemProps> = ({
     }
   );
 
-  const listItemClassNames = classnames(
-    'slds-listbox__item',
-    divider ? `slds-has-divider_${divider}-space` : undefined
-  );
   const mainListItem = (
-    <li role='presentation' className={listItemClassNames}>
+    <li role='presentation' className='slds-listbox__item'>
       <div
         id={value ? `${optionIdPrefix}-${value}` : undefined}
         className={itemClassNames}