diff --git a/src/components/BaseLayout.tsx b/src/components/BaseLayout.tsx
index 90a23d1..e5331df 100644
--- a/src/components/BaseLayout.tsx
+++ b/src/components/BaseLayout.tsx
@@ -3,11 +3,12 @@ type Props = {
     header?: React.ReactElement,
     children: React.ReactNode,
     footer?: React.ReactElement,
+    className : string,
 }
 
-function BaseLayout({header, footer, children}: Props) {
+function BaseLayout( { header, footer, children, className }: Props ) {
     return (
-    <>
+    <div className={className}>
         <header>
             {header}
         </header>
@@ -19,7 +20,7 @@ function BaseLayout({header, footer, children}: Props) {
         <footer>
             {footer}
         </footer>
-    </>
+    </div>
     );
   }