diff --git a/src/qqq/layouts/DashboardLayout.tsx b/src/qqq/layouts/DashboardLayout.tsx
index 4a57a80..a44fbc6 100644
--- a/src/qqq/layouts/DashboardLayout.tsx
+++ b/src/qqq/layouts/DashboardLayout.tsx
@@ -38,11 +38,11 @@ function DashboardLayout({children}: { children: ReactNode }): JSX.Element
    return (
       <Box
          sx={({breakpoints, transitions, functions: {pxToRem}}) => ({
-            p: 3,
+            p: "20px",
             position: "relative",
 
             [breakpoints.up("xl")]: {
-               marginLeft: miniSidenav ? pxToRem(120) : pxToRem(274),
+               marginLeft: miniSidenav ? pxToRem(120) : pxToRem(250),
                transition: transitions.create(["margin-left", "margin-right"], {
                   easing: transitions.easing.easeInOut,
                   duration: transitions.duration.standard,
diff --git a/src/qqq/styles/qqq-override-styles.css b/src/qqq/styles/qqq-override-styles.css
index 81ebe89..e2beda4 100644
--- a/src/qqq/styles/qqq-override-styles.css
+++ b/src/qqq/styles/qqq-override-styles.css
@@ -574,4 +574,11 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
    padding-right: 8px; /* pad-right for about half the width of a scrollbar.. */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
-}
\ No newline at end of file
+}
+
+/* change grid padding to 20px down from default 24px */
+.MuiGrid-item
+{
+   padding-left: 20px !important;
+   padding-top: 20px !important;
+}