From c904690cac301e0295148eb9988e1ea053d3ef5d Mon Sep 17 00:00:00 2001
From: Jeff Stieler <jeff.m.stieler@gmail.com>
Date: Tue, 11 May 2021 07:00:49 -0600
Subject: [PATCH] Fix storybook example for the experimental list components.
 (https://github.com/woocommerce/woocommerce-admin/pull/6963)

---
 .../packages/components/src/list/stories/index.js     | 11 ++++++-----
 plugins/woocommerce-admin/storybook/style.scss        |  1 +
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/plugins/woocommerce-admin/packages/components/src/list/stories/index.js b/plugins/woocommerce-admin/packages/components/src/list/stories/index.js
index 4aee54a5236..86ced567b7f 100644
--- a/plugins/woocommerce-admin/packages/components/src/list/stories/index.js
+++ b/plugins/woocommerce-admin/packages/components/src/list/stories/index.js
@@ -3,15 +3,16 @@
  */
 import Gridicon from 'gridicons';
 import { withConsole } from '@storybook/addon-console';
+import {
+	List as ExperimentalList,
+	ListItem as ExperimentalListItem,
+	CollapsibleList as ExperimentalCollapsibleList,
+} from '@woocommerce/experimental';
 
 /**
  * Internal dependencies
  */
-import List, {
-	ExperimentalList,
-	ExperimentalListItem,
-	ExperimentalCollapsibleList,
-} from '../';
+import List from '../';
 import './style.scss';
 
 function logItemClick( event ) {
diff --git a/plugins/woocommerce-admin/storybook/style.scss b/plugins/woocommerce-admin/storybook/style.scss
index b69e441714b..099a4ff4f3a 100644
--- a/plugins/woocommerce-admin/storybook/style.scss
+++ b/plugins/woocommerce-admin/storybook/style.scss
@@ -3,6 +3,7 @@
  */
 @import '../client/stylesheets/index';
 @import '../packages/components/src/style';
+@import '../packages/experimental/src/style';
 
 // Use system font, consistent with WordPress core (wp-admin)
 body {