bg height and spacing fixed

Client/src/Layouts/HomeLayout/index.css

@@ -10,7 +10,7 @@
   grid-template-columns: var(--env-var-side-bar-width) auto;
   grid-template-rows: var(--env-var-nav-bar-height) auto;
   background-color: var(--env-var-color-30);
-  height: 100vh;
+  min-height: 100vh;
 }
 
 .home-layout aside {

Client/src/Pages/Maintenance/CreateMaintenanceWindow/index.jsx

@@ -170,7 +170,7 @@ const CreateNewMaintenanceWindow = () => {
             sx={{
               fontSize: "var(--env-var-font-size-small)",
               borderBottom: "1px dashed var(--env-var-color-3)",
-              paddingBottom: 1,
+              paddingBottom: "4px",
             }}
           >
             Add all monitors to this maintenance window