diff --git a/editor/src/components/canvas/controls/grid-controls.tsx b/editor/src/components/canvas/controls/grid-controls.tsx
index 3f3d2bc12240..745e036cab1b 100644
--- a/editor/src/components/canvas/controls/grid-controls.tsx
+++ b/editor/src/components/canvas/controls/grid-controls.tsx
@@ -1135,7 +1135,7 @@ export const GridResizeControls = controlForStrategyMemoized<GridResizeControlPr
             left: bounds?.x ?? element.globalFrame.x,
             width: bounds?.width ?? element.globalFrame.width,
             height: bounds?.height ?? element.globalFrame.height,
-            backgroundColor: isResizing ? colorTheme.whiteOpacity30.value : 'transparent',
+            backgroundColor: isResizing ? colorTheme.primary25.value : 'transparent',
           }}
         >
           <div
diff --git a/editor/src/components/navigator/left-pane/roll-your-own-pane.tsx b/editor/src/components/navigator/left-pane/roll-your-own-pane.tsx
index 8183caace18c..279142f1535d 100644
--- a/editor/src/components/navigator/left-pane/roll-your-own-pane.tsx
+++ b/editor/src/components/navigator/left-pane/roll-your-own-pane.tsx
@@ -44,7 +44,7 @@ const defaultRollYourOwnFeatures: RollYourOwnFeatures = {
     adaptiveOpacity: true,
     activeGridColor: '#0099ff77',
     dotgridColor: '#0099ffaa',
-    inactiveGridColor: '#0000000a',
+    inactiveGridColor: '#00000033',
     opacityBaseline: 0.25,
   },
 }