diff --git a/packages/react/src/components/UIShell/UIShell-story.js b/packages/react/src/components/UIShell/UIShell-story.js index 7739ffd0c18d..584e053946e8 100644 --- a/packages/react/src/components/UIShell/UIShell-story.js +++ b/packages/react/src/components/UIShell/UIShell-story.js @@ -5,6 +5,8 @@ * LICENSE file in the root directory of this source tree. */ +import cx from 'classnames'; + import { Search20, Notification20, AppSwitcher20 } from '@carbon/icons-react'; import { storiesOf } from '@storybook/react'; @@ -56,11 +58,15 @@ const Fade16 = () => ( ); -const StoryContent = () => { +const StoryContent = ({ useResponsiveOffset = true }) => { + const classNameFirstColumn = cx({ + 'bx--col-lg-13': true, + 'bx--offset-lg-3': useResponsiveOffset, + }); const content = (