diff --git a/src/components/Layout/Container.tsx b/src/components/Layout/Container.tsx
index 8f5a4c998..bc9bad296 100644
--- a/src/components/Layout/Container.tsx
+++ b/src/components/Layout/Container.tsx
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 export interface IContainer {
-  maxWidth?: string;
+  maxWidth?: `${string}px`;
   children: React.ReactNode;
   flexDirection?: 'row' | 'column';
   justifyContent?: 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around';
diff --git a/src/stories/Container.stories.tsx b/src/stories/Container.stories.tsx
index ab5457014..558f8dea9 100644
--- a/src/stories/Container.stories.tsx
+++ b/src/stories/Container.stories.tsx
@@ -10,7 +10,7 @@ const Template: StoryFn<IContainer> = (args) => <Container {...args} />;
 
 export const Default = Template.bind({});
 Default.args = {
-  maxWidth: '100',
+  maxWidth: '100px',
   children: 'Hello, world!',
   flexDirection: 'row',
   justifyContent: 'center',