diff --git a/frontend/src/lib/components/graph/SelectionBoundingBox.svelte b/frontend/src/lib/components/graph/SelectionBoundingBox.svelte
index 4054452935..f7cd419435 100644
--- a/frontend/src/lib/components/graph/SelectionBoundingBox.svelte
+++ b/frontend/src/lib/components/graph/SelectionBoundingBox.svelte
@@ -59,7 +59,7 @@
 {#if bounds() && selectedNodes.length > 1}
 	{@const currentBounds = bounds()!}
 	<div
-		class={'absolute rounded cursor-pointer bg-surface-selected/30  border border-accent '}
+		class={'absolute rounded cursor-pointer bg-surface-selected/30  border border-accent/30 '}
 		style="
 			left: {currentBounds.x}px;
 			top: {currentBounds.y}px;
diff --git a/frontend/src/lib/components/graph/SelectionTool.svelte b/frontend/src/lib/components/graph/SelectionTool.svelte
index 323098b93f..143baea07f 100644
--- a/frontend/src/lib/components/graph/SelectionTool.svelte
+++ b/frontend/src/lib/components/graph/SelectionTool.svelte
@@ -182,7 +182,7 @@
 		<!-- Preview selection rectangle while drawing -->
 		{#if previewNote && isDrawing}
 			<div
-				class="absolute border border-accent pointer-events-none bg-surface-selected/30"
+				class="absolute border border-accent/30 pointer-events-none bg-surface-selected/30"
 				style="
 					width: {previewNote.size.width}px;
 					height: {previewNote.size.height}px;