diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index c2b51601..0ab88b59 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -1568,6 +1568,10 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
   margin: 0;
 }
 
+.dashboard-splitter.farmcontrol-splitter > .ant-splitter-panel {
+  padding: 0;
+}
+
 .dashboard-splitter.farmcontrol-splitter
   > .ant-splitter-bar
   .ant-splitter-bar-dragger::before {
diff --git a/src/components/Dashboard/Layout.jsx b/src/components/Dashboard/Layout.jsx
index 0436c120..d4cac784 100644
--- a/src/components/Dashboard/Layout.jsx
+++ b/src/components/Dashboard/Layout.jsx
@@ -51,7 +51,10 @@ const DashboardLayout = ({ children }) => {
       >
         <DashboardNavigation />
         <DashboardSidebarSplitter sidebar={sidebar}>
-          <Layout style={{ padding: '24px' }} className='main-content-layout'>
+          <Layout
+            style={{ padding: '24px', height: '100%' }}
+            className='main-content-layout'
+          >
             <Content>
               <Flex vertical style={{ height: '100%' }} gap='20px'>
                 <Flex justify='space-between'>