diff --git a/components/canvas/bounds/bounds-bg.tsx b/components/canvas/bounds/bounds-bg.tsx
index 2e6b43698..b130e52e2 100644
--- a/components/canvas/bounds/bounds-bg.tsx
+++ b/components/canvas/bounds/bounds-bg.tsx
@@ -29,7 +29,9 @@ export default function BoundsBg(): JSX.Element {
 
   const bounds = useSelector((state) => state.values.selectedBounds)
 
-  const isSelecting = useSelector((s) => s.isIn('selecting'))
+  const shouldDisplay = useSelector((s) =>
+    s.isInAny('selecting', 'selectPinching')
+  )
 
   const rotation = useSelector((s) => {
     const selectedIds = s.values.selectedIds
@@ -59,7 +61,7 @@ export default function BoundsBg(): JSX.Element {
 
   if (isAllHandles) return null
   if (!bounds) return null
-  if (!isSelecting) return null
+  if (!shouldDisplay) return null
 
   const { width, height } = bounds
 
diff --git a/state/shape-utils/group.tsx b/state/shape-utils/group.tsx
index e6f43ed5c..2f3ba5f29 100644
--- a/state/shape-utils/group.tsx
+++ b/state/shape-utils/group.tsx
@@ -168,8 +168,8 @@ const group = registerShapeUtils<GroupShape>({
 
 const StyledGroupShape = styled('rect', {
   zDash: 5,
-  zStrokeWidth: 1,
-  stroke: '$text',
+  zStrokeWidth: 1.5,
+  stroke: '$border',
 })
 
 export default group