Fix broken stories

Author: Jakub Holak

src/components/filter/Filter.tsx

@@ -119,7 +119,7 @@ export const Filter: FunctionComponent<IFilter> = ({
           <FilterContent
             hasComponent={!!accompanyingComponent}
             spacing="spacing01"
-            padding="spacing04"
+            innerSpacing="spacing04"
           >
             {children}
           </FilterContent>

src/components/modal/Modal.tsx

@@ -136,7 +136,7 @@ export const Modal = ({
     <StyledModal {...props}>
       <ModalBox
         modalMinWidth={modalMinWidth}
-        padding="spacing04"
+        innerSpacing="spacing04"
         shadow="shadow04"
       >
         <ModalHeader>

src/components/pagetitle/Pagetitle.tsx

@@ -18,30 +18,29 @@ interface PageTitleBreadcrumbsProps {
 
 const PageTitleWrapper = styled.div`
   h3 {
-    line-height:2rem;
+    line-height: 2rem;
     font-weight: ${theme.fontWeights.medium};
     margin: 0 0 ${theme.spacing.spacing01};
   }
 `;
 
-export const PageTitle: FunctionComponent<PageTitleProps> = ({ 
-  title
-}) => {
+export const PageTitle: FunctionComponent<PageTitleProps> = ({ title }) => {
   return (
     <PageTitleWrapper>
       <Heading level={3}>{title}</Heading>
     </PageTitleWrapper>
-)};
-
+  );
+};
 
-export const PageTitleBreadcrumbs: FunctionComponent<PageTitleBreadcrumbsProps> = ({ 
+export const PageTitleBreadcrumbs: FunctionComponent<PageTitleBreadcrumbsProps> = ({
   title,
   list,
-  margin
+  margin,
 }) => {
   return (
-    <Box padding="spacing04" shadow="shadow02">
+    <Box innerSpacing="spacing04" shadow="shadow02">
       <PageTitle title={title} />
       <Breadcrumbs list={list} />
     </Box>
-)};
+  );
+};

src/stories/Button.stories.mdx

@@ -121,7 +121,7 @@ import { Container } from "../components/container";
   <Story name="custom-spacing">
     <Container>
       <p>
-        <Button ml="3rem" mb="10rem" padding="0">
+        <Button ml="3rem" mb="10rem" innerSpacing="0">
           Disabled button
         </Button>
       </p>