diff --git a/components/canvas/bounds/corner-handle.tsx b/components/canvas/bounds/corner-handle.tsx
index 50c23438a..b77fbe547 100644
--- a/components/canvas/bounds/corner-handle.tsx
+++ b/components/canvas/bounds/corner-handle.tsx
@@ -52,6 +52,6 @@ const StyledCorner = styled('rect', {
 
 const StyledCornerInner = styled('rect', {
   stroke: '$bounds',
-  fill: '$panel',
+  fill: '$canvas',
   zStrokeWidth: 1.5,
 })
diff --git a/components/canvas/bounds/rotate-handle.tsx b/components/canvas/bounds/rotate-handle.tsx
index 075e8eaa6..5f86f1dfa 100644
--- a/components/canvas/bounds/rotate-handle.tsx
+++ b/components/canvas/bounds/rotate-handle.tsx
@@ -32,7 +32,7 @@ export default function Rotate({
 
 const StyledRotateHandle = styled('circle', {
   stroke: '$bounds',
-  fill: '#fff',
+  fill: '$canvas',
   zStrokeWidth: 1.5,
   cursor: 'grab',
 })
diff --git a/styles/stitches.config.ts b/styles/stitches.config.ts
index 478be3208..a49f40358 100644
--- a/styles/stitches.config.ts
+++ b/styles/stitches.config.ts
@@ -99,10 +99,10 @@ const dark = theme({
     brushFill: 'rgba(0,0,0,.05)',
     brushStroke: 'rgba(0,0,0,.25)',
     hint: 'rgba(216, 226, 249, 1.000)',
-    selected: 'rgba(82, 143, 245, 1.000)',
-    bounds: 'rgba(82, 143, 245, 1.000)',
-    boundsBg: 'rgba(82, 143, 245, 0.05)',
-    highlight: 'rgba(82, 143, 245, 0.15)',
+    selected: 'rgba(38, 150, 255, 1.000)',
+    bounds: 'rgba(38, 150, 255, 1.000)',
+    boundsBg: 'rgba(38, 150, 255, 0.05)',
+    highlight: 'rgba(38, 150, 255, 0.15)',
     overlay: 'rgba(0, 0, 0, 0.15)',
     border: '#202529',
     canvas: '#343d45',