fix: updated List story

src/components/List/__stories__/List.stories.tsx

@@ -6,6 +6,7 @@ import {List, listDefaultProps} from '..';
 import type {ListProps} from '..';
 
 import {ListShowcase} from './ListShowcase';
+import {ListWithLoader} from './ListWithLoader';
 
 type ComponentType = React.JSXElementConstructor<ListProps<string>>;
 
@@ -46,18 +47,7 @@ RenderItem.args = {
     renderItem: (item) => `🔥🔥🔥 ${item} 🔥🔥🔥`,
 };
 
-const TemplateWithState: ComponentStory<ComponentType> = (args) => {
-    const [items, setItems] = React.useState(args.items);
-
-    const onLoadMore = () => {
-        // delay for fetching new real items
-        setTimeout(() => {
-            setItems([...items, ...args.items]);
-        }, 300);
-    };
-
-    return <List {...args} items={items} onLoadMore={onLoadMore} />;
-};
+const TemplateWithState: ComponentStory<ComponentType> = (args) => <ListWithLoader {...args} />;
 
 export const WithLoadingMoreItems = TemplateWithState.bind({});
 WithLoadingMoreItems.args = {

src/components/List/__stories__/ListWithLoader.scss

@@ -0,0 +1,6 @@
+@use '../../variables';
+@use '../../../../styles/mixins';
+
+.list-with-loader {
+    overflow: auto;
+}

src/components/List/__stories__/ListWithLoader.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import {cn} from '../../utils/cn';
+import {List} from '../List';
+import type {ListProps} from '../types';
+
+import './ListWithLoader.scss';
+
+const b = cn('list-with-loader');
+
+export const ListWithLoader = (args: ListProps<string>) => {
+    const [items, setItems] = React.useState(args.items);
+
+    const onLoadMore = () => {
+        // delay for fetching new real items
+        setTimeout(() => {
+            setItems([...items, ...args.items]);
+        }, 300);
+    };
+
+    return (
+        <div className={b()}>
+            <List {...args} items={items} onLoadMore={onLoadMore} />
+        </div>
+    );
+};