diff --git a/storybook/src/components/OrderedList/OrderedList.docs.mdx b/storybook/src/components/OrderedList/OrderedList.docs.mdx
index 4e39f980de..15d6eb5238 100644
--- a/storybook/src/components/OrderedList/OrderedList.docs.mdx
+++ b/storybook/src/components/OrderedList/OrderedList.docs.mdx
@@ -14,12 +14,6 @@ import README from "../../../../packages/css/src/components/ordered-list/README.
## Examples
-### Small text
-
-Use a list with a smaller font size in form descriptions and captions and the like.
-
-
-
### Two levels
A list may have one nested level.
@@ -61,3 +55,9 @@ This ensures the colour of the text provides enough contrast.
When nesting lists, set the prop on all lists.
+
+### Small text
+
+Use a list with a smaller font size in form descriptions and captions and the like.
+
+
diff --git a/storybook/src/components/OrderedList/OrderedList.stories.tsx b/storybook/src/components/OrderedList/OrderedList.stories.tsx
index 605cdea9ea..47362d3209 100644
--- a/storybook/src/components/OrderedList/OrderedList.stories.tsx
+++ b/storybook/src/components/OrderedList/OrderedList.stories.tsx
@@ -37,7 +37,7 @@ const meta = {
type: 'radio',
labels: { small: 'small', undefined: 'medium' },
},
- options: ['small', undefined, 'large'],
+ options: ['small', undefined],
},
},
decorators: [inverseColorDecorator],
@@ -49,12 +49,6 @@ type Story = StoryObj
export const Default: Story = {}
-export const SmallText: Story = {
- args: {
- size: 'small',
- },
-}
-
export const TwoLevels: Story = {
render: (args) => (
@@ -151,3 +145,9 @@ export const InverseColor: Story = {
),
}
+
+export const SmallText: Story = {
+ args: {
+ size: 'small',
+ },
+}
diff --git a/storybook/src/components/UnorderedList/UnorderedList.stories.tsx b/storybook/src/components/UnorderedList/UnorderedList.stories.tsx
index 4f93b60846..ffa1530a29 100644
--- a/storybook/src/components/UnorderedList/UnorderedList.stories.tsx
+++ b/storybook/src/components/UnorderedList/UnorderedList.stories.tsx
@@ -31,6 +31,15 @@ const meta = {
inverseColor: false,
markers: undefined,
},
+ argTypes: {
+ size: {
+ control: {
+ type: 'radio',
+ labels: { small: 'small', undefined: 'medium' },
+ },
+ options: ['small', undefined],
+ },
+ },
decorators: [inverseColorDecorator],
} satisfies Meta