diff --git a/src/components/Layout/Layout.component.tsx b/src/components/Layout/Layout.component.tsx
index 317487a34..0b4dd23b4 100644
--- a/src/components/Layout/Layout.component.tsx
+++ b/src/components/Layout/Layout.component.tsx
@@ -56,7 +56,7 @@ const Layout = ({ children, title }: ILayoutProps) => {
   }, [refetch]);
 
   return (
-    <div className="flex flex-col min-h-screen container min-w-[140vw] md:min-w-[700px] md:p-[2.5rem]">
+    <div className="flex flex-col min-h-screen container min-w-[140vw] md:min-w-[700px] md:px-[2.5rem] md:py-[1rem]">
       <Header title={title} />
       <PageTitle title={title} />
       <main className="flex-grow">