diff --git a/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.mdx b/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.mdx
index f2a99b04bdf..86f4ac6bdeb 100644
--- a/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.mdx
+++ b/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.mdx
@@ -85,8 +85,6 @@ const DataTown = () => {
Rows in a DataList can be expanded to show more information. You can set the `expanded` prop to an array of row keys to expand them by default.
-
-
### Selected
Rows in a DataList can also be selected. You can set the `selected` prop to an array of row keys to select them by default.
diff --git a/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.stories.tsx b/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.stories.tsx
index 27d0fbde385..898e4ff3606 100644
--- a/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.stories.tsx
+++ b/packages/styleguide/src/lib/Organisms/Lists & Tables/DataList/DataList.stories.tsx
@@ -1,7 +1,7 @@
// Added because SB and TS don't play nice with each other at the moment
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-nocheck
-import { DataList, DataTable, FlexBox } from '@codecademy/gamut';
+import { DataList, DataTable, FlexBox, InfoTip, Text } from '@codecademy/gamut';
import type { Meta, StoryObj } from '@storybook/react';
import {
@@ -21,8 +21,13 @@ const meta: Meta = {
query: { sort: { name: 'desc', role: 'asc' } },
rows: [
{
- name: 'Jean Luc Picard',
- role: 'Captain',
+ name: (
+ <>
+ Some Project Error Publishing
+
+ >
+ ),
+ role: 'something else',
ship: 'USS Enterprise',
age: '59',
species: 'Human',
@@ -73,7 +78,7 @@ const meta: Meta = {
{
header: 'Name',
key: 'name',
- size: 'lg',
+ size: 'xl',
type: 'header',
sortable: true,
},