diff --git a/packages/components/src/range-control/styles/range-control-styles.ts b/packages/components/src/range-control/styles/range-control-styles.ts
index 638ccde5485a5..d943ca472911e 100644
--- a/packages/components/src/range-control/styles/range-control-styles.ts
+++ b/packages/components/src/range-control/styles/range-control-styles.ts
@@ -153,7 +153,7 @@ export const Mark = styled.span`
 	height: 4px;
 	width: 2px;
 	transform: translateX( -50% );
-	background-color: ${ COLORS.white };
+	background-color: ${ COLORS.ui.background };
 	z-index: 1;
 `;
 
@@ -167,7 +167,7 @@ export const MarkLabel = styled.span`
 	color: ${ COLORS.gray[ 300 ] };
 	font-size: 11px;
 	position: absolute;
-	top: 22px;
+	top: 8px;
 	white-space: nowrap;
 
 	${ rtl( { left: 0 } ) };