diff --git a/packages/components/src/divider/component.tsx b/packages/components/src/divider/component.tsx
index 51bbaa5f56d5c..6722a4627943c 100644
--- a/packages/components/src/divider/component.tsx
+++ b/packages/components/src/divider/component.tsx
@@ -16,7 +16,7 @@ import {
 import { DividerView } from './styles';
 import type { Props } from './types';
 
-export function Divider(
+function UnconnectedDivider(
 	props: WordPressComponentProps< Props, 'hr', false >,
 	forwardedRef: Ref< any >
 ) {
@@ -53,6 +53,6 @@ export function Divider(
  * }
  * ```
  */
-const ConnectedDivider = contextConnect( Divider, 'Divider' );
+export const Divider = contextConnect( UnconnectedDivider, 'Divider' );
 
-export default ConnectedDivider;
+export default Divider;
diff --git a/packages/components/src/divider/stories/index.js b/packages/components/src/divider/stories/index.js
index 4ed218996ad6f..b91e104aa6227 100644
--- a/packages/components/src/divider/stories/index.js
+++ b/packages/components/src/divider/stories/index.js
@@ -8,11 +8,10 @@ import { css } from '@emotion/react';
  */
 import { useCx } from '../../utils';
 import { Text } from '../../text';
-import { Divider } from '../';
-import { Divider as UnconnectedDivider } from '../component';
+import { Divider } from '..';
 
 export default {
-	component: UnconnectedDivider,
+	component: Divider,
 	title: 'Components (Experimental)/Divider',
 	argTypes: {
 		margin: {