diff --git a/src/components/styles/DashboardContainer.module.css b/src/components/styles/DashboardContainer.module.css
index d57fd17fb..5d1197d1f 100644
--- a/src/components/styles/DashboardContainer.module.css
+++ b/src/components/styles/DashboardContainer.module.css
@@ -1,8 +1,8 @@
 .container {
     background-color: var(--colors-grey200);
-    padding-inline-start: var(--spacers-dp16);
-    padding-inline-end: var(--spacers-dp16);
-    padding-block-end: var(--spacers-dp24);
+    padding-inline-start: var(--spacers-dp8);
+    padding-inline-end: var(--spacers-dp8);
+    padding-block-end: var(--spacers-dp12);
     overflow: auto;
 }
 
diff --git a/src/modules/gridUtil.js b/src/modules/gridUtil.js
index 4958bda73..aa780cbdd 100644
--- a/src/modules/gridUtil.js
+++ b/src/modules/gridUtil.js
@@ -14,15 +14,15 @@ import {
 import { isSmallScreen } from './smallScreen.js'
 
 export const GRID_COMPACT_TYPE = 'vertical' // vertical | horizonal | null
-export const GRID_ROW_HEIGHT_PX = 10
-export const MARGIN_PX = [10, 10]
+export const GRID_ROW_HEIGHT_PX = 16
+export const MARGIN_PX = [4, 4]
 
 const SM_SCREEN_MIN_ITEM_GRID_HEIGHT = 13 // minimum of ~320px
 export const SM_SCREEN_GRID_COLUMNS = 1
 export const MARGIN_SM_PX = [0, 16]
 export const GRID_PADDING_PX = [0, 0]
 // sum of left+right padding of dashboard-wrapper (App.css)
-export const DASHBOARD_WRAPPER_LR_MARGIN_PX = 32
+export const DASHBOARD_WRAPPER_LR_MARGIN_PX = 28
 // make an assumption about the original item w/h ratio
 // assumes grid width of ~1200px at time dashboard was created
 const GRID_COL_WIDTH_PX = 10
diff --git a/src/pages/view/styles/ItemGrid.module.css b/src/pages/view/styles/ItemGrid.module.css
index 0a534e8e0..58d2e742f 100644
--- a/src/pages/view/styles/ItemGrid.module.css
+++ b/src/pages/view/styles/ItemGrid.module.css
@@ -1,3 +1,3 @@
 .grid {
-    margin-block-start: var(--spacers-dp16);
+    margin-block-start: var(--spacers-dp8);
 }