diff --git a/docs/upgrade-to-6.0.md b/docs/upgrade-to-6.0.md
index bceab9fb..9c002616 100644
--- a/docs/upgrade-to-6.0.md
+++ b/docs/upgrade-to-6.0.md
@@ -60,6 +60,36 @@ The [panel](https://service-manual.nhs.uk/design-system/components/panel) compon
 
 This replaces the [list panel component](#list-panel) which was removed in NHS.UK frontend v6.0.0.
 
+### Summary list rows and actions
+
+The [summary list](https://service-manual.nhs.uk/design-system/components/summary-list) component now includes improvements from NHS.UK frontend v9.6.2:
+
+- new props `noBorder` and `noActions` supported at `<SummaryList.Row>` level
+- new child component `<SummaryList.Action>` for row actions
+
+```patch
+  <SummaryList>
+-   <SummaryList.Row>
++   <SummaryList.Row noBorder>
+      <SummaryList.Key>Name</SummaryList.Key>
+      <SummaryList.Value>Karen Francis</SummaryList.Value>
+      <SummaryList.Actions>
+-       <a href="#">
+-         Change<span className="nhsuk-u-visually-hidden"> name</span>
+-       </a>
++       <SummaryList.Action href="#" visuallyHiddenText="name">
++         Change
++       </SummaryList.Action>
+      </SummaryList.Actions>
+    </SummaryList.Row>
+-   <SummaryList.Row>
++   <SummaryList.Row noActions>
+      <SummaryList.Key>Date of birth</SummaryList.Key>
+      <SummaryList.Value>15 March 1984</SummaryList.Value>
+    </SummaryList.Row>
+  </SummaryList>
+```
+
 ### Support for React Server Components (RSC)
 
 All components have been tested as React Server Components (RSC) but due to [multipart namespace component limitations](https://ivicabatinic.from.hr/posts/multipart-namespace-components-addressing-rsc-and-dot-notation-issues) an alternative syntax (without dot notation) can be used as a workaround:
diff --git a/src/__tests__/index.test.ts b/src/__tests__/index.test.ts
index 5755e98d..c6a86f28 100644
--- a/src/__tests__/index.test.ts
+++ b/src/__tests__/index.test.ts
@@ -113,6 +113,7 @@ describe('Index', () => {
       'SelectOption',
       'SkipLink',
       'SummaryList',
+      'SummaryListAction',
       'SummaryListActions',
       'SummaryListKey',
       'SummaryListRow',
diff --git a/src/components/content-presentation/summary-list/SummaryList.tsx b/src/components/content-presentation/summary-list/SummaryList.tsx
index c2cd6e70..668990f1 100644
--- a/src/components/content-presentation/summary-list/SummaryList.tsx
+++ b/src/components/content-presentation/summary-list/SummaryList.tsx
@@ -1,21 +1,13 @@
 import classNames from 'classnames';
-import { forwardRef, type ComponentPropsWithoutRef, type FC } from 'react';
+import { forwardRef, type ComponentPropsWithoutRef } from 'react';
 
-export const SummaryListRow: FC<ComponentPropsWithoutRef<'div'>> = ({ className, ...rest }) => (
-  <div className={classNames('nhsuk-summary-list__row', className)} {...rest} />
-);
-
-export const SummaryListKey: FC<ComponentPropsWithoutRef<'dt'>> = ({ className, ...rest }) => (
-  <dt className={classNames('nhsuk-summary-list__key', className)} {...rest} />
-);
-
-export const SummaryListValue: FC<ComponentPropsWithoutRef<'dd'>> = ({ className, ...rest }) => (
-  <dd className={classNames('nhsuk-summary-list__value', className)} {...rest} />
-);
-
-export const SummaryListActions: FC<ComponentPropsWithoutRef<'dd'>> = ({ className, ...rest }) => (
-  <dd className={classNames('nhsuk-summary-list__actions', className)} {...rest} />
-);
+import {
+  SummaryListAction,
+  SummaryListActions,
+  SummaryListKey,
+  SummaryListRow,
+  SummaryListValue,
+} from './components/index.js';
 
 export interface SummaryListProps extends ComponentPropsWithoutRef<'dl'> {
   noBorder?: boolean;
@@ -36,14 +28,11 @@ const SummaryListComponent = forwardRef<HTMLDListElement, SummaryListProps>(
 );
 
 SummaryListComponent.displayName = 'SummaryList';
-SummaryListRow.displayName = 'SummaryList.Row';
-SummaryListKey.displayName = 'SummaryList.Key';
-SummaryListValue.displayName = 'SummaryList.Value';
-SummaryListActions.displayName = 'SummaryList.Actions';
 
 export const SummaryList = Object.assign(SummaryListComponent, {
   Row: SummaryListRow,
   Key: SummaryListKey,
   Value: SummaryListValue,
+  Action: SummaryListAction,
   Actions: SummaryListActions,
 });
diff --git a/src/components/content-presentation/summary-list/__tests__/SummaryList.test.tsx b/src/components/content-presentation/summary-list/__tests__/SummaryList.test.tsx
index 02398c01..97276e7c 100644
--- a/src/components/content-presentation/summary-list/__tests__/SummaryList.test.tsx
+++ b/src/components/content-presentation/summary-list/__tests__/SummaryList.test.tsx
@@ -1,5 +1,5 @@
 import { render } from '@testing-library/react';
-import { createRef } from 'react';
+import { createRef, type ComponentProps } from 'react';
 
 import { SummaryList } from '..';
 
@@ -10,6 +10,12 @@ describe('SummaryList', () => {
     expect(container).toMatchSnapshot('SummaryList');
   });
 
+  it('matches snapshot without border', () => {
+    const { container } = render(<SummaryList noBorder />);
+
+    expect(container).toMatchSnapshot();
+  });
+
   it('forwards refs', () => {
     const ref = createRef<HTMLDListElement>();
 
@@ -31,35 +37,98 @@ describe('SummaryList', () => {
     it('matches snapshot', () => {
       const { container } = render(<SummaryList.Row>Row</SummaryList.Row>);
 
-      expect(container.textContent).toBe('Row');
+      expect(container).toHaveTextContent('Row');
+      expect(container).toMatchSnapshot();
+    });
+
+    it('matches snapshot without border', () => {
+      const { container } = render(<SummaryList.Row noBorder>Row</SummaryList.Row>);
+
+      expect(container).toHaveTextContent('Row');
       expect(container).toMatchSnapshot();
     });
   });
 
   describe('SummaryList.Key', () => {
     it('matches snapshot', () => {
-      const { container } = render(<SummaryList.Key>Key</SummaryList.Key>);
+      const { container } = render(<SummaryList.Key>Example key</SummaryList.Key>);
 
-      expect(container.textContent).toBe('Key');
+      expect(container).toHaveTextContent('Example key');
       expect(container).toMatchSnapshot();
     });
   });
 
   describe('SummaryList.Value', () => {
     it('matches snapshot', () => {
-      const { container } = render(<SummaryList.Value>Value</SummaryList.Value>);
+      const { container } = render(<SummaryList.Value>Example value</SummaryList.Value>);
 
-      expect(container.textContent).toBe('Value');
+      expect(container).toHaveTextContent('Example value');
       expect(container).toMatchSnapshot();
     });
   });
 
   describe('SummaryList.Actions', () => {
     it('matches snapshot', () => {
-      const { container } = render(<SummaryList.Actions>Actions</SummaryList.Actions>);
+      const { container } = render(
+        <SummaryList.Actions>
+          <SummaryList.Action href="#" visuallyHiddenText="example key">
+            Edit
+          </SummaryList.Action>
+          <SummaryList.Action href="#" visuallyHiddenText="example key">
+            Delete
+          </SummaryList.Action>
+        </SummaryList.Actions>,
+      );
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+
+  describe('SummaryList.Action', () => {
+    it('matches snapshot', () => {
+      const { container } = render(
+        <SummaryList.Action href="#" visuallyHiddenText="example key">
+          Edit
+        </SummaryList.Action>,
+      );
 
-      expect(container.textContent).toBe('Actions');
+      expect(container).toHaveTextContent('Edit example key');
       expect(container).toMatchSnapshot();
     });
+
+    it('renders as custom element', () => {
+      function CustomLink({ children, href, ...rest }: ComponentProps<'a'>) {
+        return (
+          <a href={href} {...rest} data-custom-link="true">
+            {children}
+          </a>
+        );
+      }
+
+      const { container } = render(
+        <SummaryList.Action href="#" visuallyHiddenText="example key" asElement={CustomLink}>
+          Edit
+        </SummaryList.Action>,
+      );
+
+      const rowActionEl = container.querySelector('a');
+
+      expect(rowActionEl?.dataset).toHaveProperty('customLink', 'true');
+    });
+
+    it('forwards refs', () => {
+      const ref = createRef<HTMLAnchorElement>();
+
+      const { container } = render(
+        <SummaryList.Action href="#" visuallyHiddenText="example key" ref={ref}>
+          Edit
+        </SummaryList.Action>,
+      );
+
+      const rowActionEl = container.querySelector('a');
+
+      expect(ref.current).toBe(rowActionEl);
+      expect(ref.current).toHaveAttribute('href', '#');
+    });
   });
 });
diff --git a/src/components/content-presentation/summary-list/__tests__/__snapshots__/SummaryList.test.tsx.snap b/src/components/content-presentation/summary-list/__tests__/__snapshots__/SummaryList.test.tsx.snap
index 5cf97f27..a350110c 100644
--- a/src/components/content-presentation/summary-list/__tests__/__snapshots__/SummaryList.test.tsx.snap
+++ b/src/components/content-presentation/summary-list/__tests__/__snapshots__/SummaryList.test.tsx.snap
@@ -1,11 +1,48 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
+exports[`SummaryList SummaryList.Action matches snapshot 1`] = `
+<div>
+  <a
+    href="#"
+  >
+    Edit
+    <span
+      class="nhsuk-u-visually-hidden"
+    >
+       
+      example key
+    </span>
+  </a>
+</div>
+`;
+
 exports[`SummaryList SummaryList.Actions matches snapshot 1`] = `
 <div>
   <dd
     class="nhsuk-summary-list__actions"
   >
-    Actions
+    <a
+      href="#"
+    >
+      Edit
+      <span
+        class="nhsuk-u-visually-hidden"
+      >
+         
+        example key
+      </span>
+    </a>
+    <a
+      href="#"
+    >
+      Delete
+      <span
+        class="nhsuk-u-visually-hidden"
+      >
+         
+        example key
+      </span>
+    </a>
   </dd>
 </div>
 `;
@@ -15,7 +52,7 @@ exports[`SummaryList SummaryList.Key matches snapshot 1`] = `
   <dt
     class="nhsuk-summary-list__key"
   >
-    Key
+    Example key
   </dt>
 </div>
 `;
@@ -30,16 +67,34 @@ exports[`SummaryList SummaryList.Row matches snapshot 1`] = `
 </div>
 `;
 
+exports[`SummaryList SummaryList.Row matches snapshot without border 1`] = `
+<div>
+  <div
+    class="nhsuk-summary-list__row nhsuk-summary-list__row--no-border"
+  >
+    Row
+  </div>
+</div>
+`;
+
 exports[`SummaryList SummaryList.Value matches snapshot 1`] = `
 <div>
   <dd
     class="nhsuk-summary-list__value"
   >
-    Value
+    Example value
   </dd>
 </div>
 `;
 
+exports[`SummaryList matches snapshot without border 1`] = `
+<div>
+  <dl
+    class="nhsuk-summary-list nhsuk-summary-list--no-border"
+  />
+</div>
+`;
+
 exports[`SummaryList matches snapshot: SummaryList 1`] = `
 <div>
   <dl
diff --git a/src/components/content-presentation/summary-list/components/SummaryListAction.tsx b/src/components/content-presentation/summary-list/components/SummaryListAction.tsx
new file mode 100644
index 00000000..a19c9788
--- /dev/null
+++ b/src/components/content-presentation/summary-list/components/SummaryListAction.tsx
@@ -0,0 +1,22 @@
+import { forwardRef } from 'react';
+
+import { type AsElementLink } from '#util/types/LinkTypes.js';
+
+export interface SummaryListActionProps extends AsElementLink<HTMLAnchorElement> {
+  visuallyHiddenText: string;
+}
+
+export const SummaryListAction = forwardRef<HTMLAnchorElement, SummaryListActionProps>(
+  (props, forwardedRef) => {
+    const { children, className, asElement: Element = 'a', visuallyHiddenText, ...rest } = props;
+
+    return (
+      <Element ref={forwardedRef} {...rest}>
+        {children}
+        <span className="nhsuk-u-visually-hidden"> {visuallyHiddenText}</span>
+      </Element>
+    );
+  },
+);
+
+SummaryListAction.displayName = 'SummaryList.Action';
diff --git a/src/components/content-presentation/summary-list/components/SummaryListActions.tsx b/src/components/content-presentation/summary-list/components/SummaryListActions.tsx
new file mode 100644
index 00000000..327dcf6c
--- /dev/null
+++ b/src/components/content-presentation/summary-list/components/SummaryListActions.tsx
@@ -0,0 +1,8 @@
+import classNames from 'classnames';
+import { type ComponentPropsWithoutRef, type FC } from 'react';
+
+export const SummaryListActions: FC<ComponentPropsWithoutRef<'dd'>> = ({ className, ...rest }) => (
+  <dd className={classNames('nhsuk-summary-list__actions', className)} {...rest} />
+);
+
+SummaryListActions.displayName = 'SummaryList.Actions';
diff --git a/src/components/content-presentation/summary-list/components/SummaryListKey.tsx b/src/components/content-presentation/summary-list/components/SummaryListKey.tsx
new file mode 100644
index 00000000..1045f66e
--- /dev/null
+++ b/src/components/content-presentation/summary-list/components/SummaryListKey.tsx
@@ -0,0 +1,8 @@
+import classNames from 'classnames';
+import { type ComponentPropsWithoutRef, type FC } from 'react';
+
+export const SummaryListKey: FC<ComponentPropsWithoutRef<'dt'>> = ({ className, ...rest }) => (
+  <dt className={classNames('nhsuk-summary-list__key', className)} {...rest} />
+);
+
+SummaryListKey.displayName = 'SummaryList.Key';
diff --git a/src/components/content-presentation/summary-list/components/SummaryListRow.tsx b/src/components/content-presentation/summary-list/components/SummaryListRow.tsx
new file mode 100644
index 00000000..73ab2924
--- /dev/null
+++ b/src/components/content-presentation/summary-list/components/SummaryListRow.tsx
@@ -0,0 +1,26 @@
+import classNames from 'classnames';
+import { type ComponentPropsWithoutRef, type FC } from 'react';
+
+export interface SummaryListRowProps extends ComponentPropsWithoutRef<'div'> {
+  noActions?: boolean;
+  noBorder?: boolean;
+}
+
+export const SummaryListRow: FC<SummaryListRowProps> = ({
+  className,
+  noActions,
+  noBorder,
+  ...rest
+}) => (
+  <div
+    className={classNames(
+      'nhsuk-summary-list__row',
+      { 'nhsuk-summary-list__row--no-actions': noActions },
+      { 'nhsuk-summary-list__row--no-border': noBorder },
+      className,
+    )}
+    {...rest}
+  />
+);
+
+SummaryListRow.displayName = 'SummaryList.Row';
diff --git a/src/components/content-presentation/summary-list/components/SummaryListValue.tsx b/src/components/content-presentation/summary-list/components/SummaryListValue.tsx
new file mode 100644
index 00000000..091d3799
--- /dev/null
+++ b/src/components/content-presentation/summary-list/components/SummaryListValue.tsx
@@ -0,0 +1,8 @@
+import classNames from 'classnames';
+import { type ComponentPropsWithoutRef, type FC } from 'react';
+
+export const SummaryListValue: FC<ComponentPropsWithoutRef<'dd'>> = ({ className, ...rest }) => (
+  <dd className={classNames('nhsuk-summary-list__value', className)} {...rest} />
+);
+
+SummaryListValue.displayName = 'SummaryList.Value';
diff --git a/src/components/content-presentation/summary-list/components/index.ts b/src/components/content-presentation/summary-list/components/index.ts
new file mode 100644
index 00000000..eb031e44
--- /dev/null
+++ b/src/components/content-presentation/summary-list/components/index.ts
@@ -0,0 +1,5 @@
+export * from './SummaryListAction.js';
+export * from './SummaryListActions.js';
+export * from './SummaryListKey.js';
+export * from './SummaryListRow.js';
+export * from './SummaryListValue.js';
diff --git a/src/components/content-presentation/summary-list/index.ts b/src/components/content-presentation/summary-list/index.ts
index 7a6b7689..134bc45e 100644
--- a/src/components/content-presentation/summary-list/index.ts
+++ b/src/components/content-presentation/summary-list/index.ts
@@ -1 +1,2 @@
+export * from './components/index.js';
 export * from './SummaryList.js';
diff --git a/stories/Content Presentation/SummaryList.stories.tsx b/stories/Content Presentation/SummaryList.stories.tsx
index 8cac5990..497d0040 100644
--- a/stories/Content Presentation/SummaryList.stories.tsx	
+++ b/stories/Content Presentation/SummaryList.stories.tsx	
@@ -1,74 +1,55 @@
-/* eslint-disable jsx-a11y/anchor-is-valid */
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 
 import { SummaryList } from '#components/content-presentation/summary-list/index.js';
 import { BodyText } from '#components/typography/BodyText.js';
 
-/**
- * ## Implementation notes
- *
- * When providing action links, you must include visually hidden text. This means a screen reader user will hear a meaningful action, like "Change name" or "Change date of birth".'
- *
- * Example of an action link:
- *
- * ```jsx
- *  <a href="#">
- *   Change
- *   <span className="nhsuk-u-visually-hidden">
- *     {' '}name
- *   </span>
- * </a>
- * ```
- */
-
 const meta: Meta<typeof SummaryList> = {
   title: 'Content Presentation/SummaryList',
   component: SummaryList,
-};
-export default meta;
-type Story = StoryObj<typeof SummaryList>;
-
-export const Standard: Story = {
   argTypes: {
     noBorder: {
       type: 'boolean',
       defaultValue: false,
     },
   },
-  args: { noBorder: false },
-  render: ({ noBorder }) => (
-    <SummaryList noBorder={noBorder}>
+};
+export default meta;
+type Story = StoryObj<typeof SummaryList>;
+
+export const Standard: Story = {
+  render: (args) => (
+    <SummaryList {...args}>
       <SummaryList.Row>
         <SummaryList.Key>Name</SummaryList.Key>
-        <SummaryList.Value>Sarah Philips</SummaryList.Value>
+        <SummaryList.Value>Karen Francis</SummaryList.Value>
         <SummaryList.Actions>
-          <a href="#">
-            Change<span className="nhsuk-u-visually-hidden"> name</span>
-          </a>
+          <SummaryList.Action href="#" visuallyHiddenText="name">
+            Change
+          </SummaryList.Action>
         </SummaryList.Actions>
       </SummaryList.Row>
       <SummaryList.Row>
         <SummaryList.Key>Date of birth</SummaryList.Key>
-        <SummaryList.Value>5 January 1978</SummaryList.Value>
+        <SummaryList.Value>15 March 1984</SummaryList.Value>
         <SummaryList.Actions>
-          <a href="#">
-            Change<span className="nhsuk-u-visually-hidden"> date of birth</span>
-          </a>
+          <SummaryList.Action href="#" visuallyHiddenText="date of birth">
+            Change
+          </SummaryList.Action>
         </SummaryList.Actions>
       </SummaryList.Row>
       <SummaryList.Row>
         <SummaryList.Key>Contact information</SummaryList.Key>
         <SummaryList.Value>
-          72 Guild Street
+          73 Roman Rd
           <br />
-          London
+          Leeds
           <br />
-          SE23 6FH
+          LS2 5ZN
         </SummaryList.Value>
         <SummaryList.Actions>
-          <a href="#">
-            Change<span className="nhsuk-u-visually-hidden"> contact information</span>
-          </a>
+          <SummaryList.Action href="#" visuallyHiddenText="contact information">
+            Change
+          </SummaryList.Action>
         </SummaryList.Actions>
       </SummaryList.Row>
       <SummaryList.Row>
@@ -78,46 +59,116 @@ export const Standard: Story = {
           <BodyText>sarah.phillips@example.com</BodyText>
         </SummaryList.Value>
         <SummaryList.Actions>
-          <a href="#">
-            Change<span className="nhsuk-u-visually-hidden"> contact details</span>
-          </a>
+          <SummaryList.Action href="#" visuallyHiddenText="contact details">
+            Change
+          </SummaryList.Action>
         </SummaryList.Actions>
       </SummaryList.Row>
     </SummaryList>
   ),
-  parameters: {
-    docs: {
-      description: {
-        story:
-          'Change links must include visually hidden text. This means a screen reader user will hear a meaningful action, like "Change name" or "Change date of birth".',
-      },
-    },
-  },
+};
+
+export const SummaryListWithoutActionsOnLastRow: Story = {
+  render: (args) => (
+    <SummaryList {...args}>
+      <SummaryList.Row>
+        <SummaryList.Key>Name</SummaryList.Key>
+        <SummaryList.Value>Karen Francis</SummaryList.Value>
+        <SummaryList.Actions>
+          <SummaryList.Action href="#" visuallyHiddenText="name">
+            Change
+          </SummaryList.Action>
+        </SummaryList.Actions>
+      </SummaryList.Row>
+      <SummaryList.Row>
+        <SummaryList.Key>Date of birth</SummaryList.Key>
+        <SummaryList.Value>15 March 1984</SummaryList.Value>
+        <SummaryList.Actions>
+          <SummaryList.Action href="#" visuallyHiddenText="date of birth">
+            Change
+          </SummaryList.Action>
+        </SummaryList.Actions>
+      </SummaryList.Row>
+      <SummaryList.Row>
+        <SummaryList.Key>Contact information</SummaryList.Key>
+        <SummaryList.Value>
+          73 Roman Rd
+          <br />
+          Leeds
+          <br />
+          LS2 5ZN
+        </SummaryList.Value>
+        <SummaryList.Actions>
+          <SummaryList.Action href="#" visuallyHiddenText="contact information">
+            Change
+          </SummaryList.Action>
+        </SummaryList.Actions>
+      </SummaryList.Row>
+      <SummaryList.Row noActions>
+        <SummaryList.Key>Contact details</SummaryList.Key>
+        <SummaryList.Value>
+          <BodyText>07700 900457</BodyText>
+          <BodyText>sarah.phillips@example.com</BodyText>
+        </SummaryList.Value>
+      </SummaryList.Row>
+    </SummaryList>
+  ),
 };
 
 export const SummaryListWithoutActions: Story = {
-  args: { noBorder: false },
-  render: ({ noBorder }) => (
-    <SummaryList noBorder={noBorder}>
+  render: (args) => (
+    <SummaryList {...args}>
       <SummaryList.Row>
         <SummaryList.Key>Name</SummaryList.Key>
-        <SummaryList.Value>Sarah Philips</SummaryList.Value>
+        <SummaryList.Value>Karen Francis</SummaryList.Value>
       </SummaryList.Row>
       <SummaryList.Row>
         <SummaryList.Key>Date of birth</SummaryList.Key>
-        <SummaryList.Value>5 January 1978</SummaryList.Value>
+        <SummaryList.Value>15 March 1984</SummaryList.Value>
       </SummaryList.Row>
       <SummaryList.Row>
         <SummaryList.Key>Contact information</SummaryList.Key>
         <SummaryList.Value>
-          72 Guild Street
+          73 Roman Rd
           <br />
-          London
+          Leeds
           <br />
-          SE23 6FH
+          LS2 5ZN
+        </SummaryList.Value>
+      </SummaryList.Row>
+      <SummaryList.Row>
+        <SummaryList.Key>Contact details</SummaryList.Key>
+        <SummaryList.Value>
+          <BodyText>07700 900457</BodyText>
+          <BodyText>sarah.phillips@example.com</BodyText>
         </SummaryList.Value>
       </SummaryList.Row>
+    </SummaryList>
+  ),
+};
+
+export const SummaryListWithoutBorderOnLastRow: Story = {
+  render: (args) => (
+    <SummaryList {...args}>
+      <SummaryList.Row>
+        <SummaryList.Key>Name</SummaryList.Key>
+        <SummaryList.Value>Karen Francis</SummaryList.Value>
+      </SummaryList.Row>
+      <SummaryList.Row>
+        <SummaryList.Key>Date of birth</SummaryList.Key>
+        <SummaryList.Value>15 March 1984</SummaryList.Value>
+      </SummaryList.Row>
       <SummaryList.Row>
+        <SummaryList.Key>Contact information</SummaryList.Key>
+        <SummaryList.Value>
+          73 Roman Rd
+          <br />
+          Leeds
+          <br />
+          LS2 5ZN
+        </SummaryList.Value>
+      </SummaryList.Row>
+      <SummaryList.Row noBorder>
         <SummaryList.Key>Contact details</SummaryList.Key>
         <SummaryList.Value>
           <BodyText>07700 900457</BodyText>
@@ -132,24 +183,24 @@ export const SummaryListWithoutBorder: Story = {
   args: {
     noBorder: true,
   },
-  render: ({ noBorder }) => (
-    <SummaryList noBorder={noBorder}>
+  render: (args) => (
+    <SummaryList {...args}>
       <SummaryList.Row>
         <SummaryList.Key>Name</SummaryList.Key>
-        <SummaryList.Value>Sarah Philips</SummaryList.Value>
+        <SummaryList.Value>Karen Francis</SummaryList.Value>
       </SummaryList.Row>
       <SummaryList.Row>
         <SummaryList.Key>Date of birth</SummaryList.Key>
-        <SummaryList.Value>5 January 1978</SummaryList.Value>
+        <SummaryList.Value>15 March 1984</SummaryList.Value>
       </SummaryList.Row>
       <SummaryList.Row>
         <SummaryList.Key>Contact information</SummaryList.Key>
         <SummaryList.Value>
-          72 Guild Street
+          73 Roman Rd
           <br />
-          London
+          Leeds
           <br />
-          SE23 6FH
+          LS2 5ZN
         </SummaryList.Value>
       </SummaryList.Row>
       <SummaryList.Row>