From 0646a8a03256e0654b88c5d465f95444c94afd28 Mon Sep 17 00:00:00 2001
From: sarayourfriend <24264157+sarayourfriend@users.noreply.github.com>
Date: Wed, 4 Aug 2021 08:35:47 -0700
Subject: [PATCH] Remove margin and fix border radius

---
 .../src/range-control/styles/range-control-styles.js        | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/components/src/range-control/styles/range-control-styles.js b/packages/components/src/range-control/styles/range-control-styles.js
index 2bee8309ae9cba..4ee65f7144e2cb 100644
--- a/packages/components/src/range-control/styles/range-control-styles.js
+++ b/packages/components/src/range-control/styles/range-control-styles.js
@@ -44,8 +44,6 @@ export const Wrapper = styled.div`
 	${ wrapperColor };
 	${ rangeHeight };
 	${ wrapperMargin };
-
-	${ rtl( { marginLeft: 10 } ) }
 `;
 
 export const BeforeIconWrapper = styled.span`
@@ -83,7 +81,7 @@ export const Rail = styled.span`
 	position: absolute;
 	margin-top: 14px;
 	top: 0;
-	border-radius: 3px;
+	border-radius: 9999px;
 
 	${ railBackgroundColor };
 `;
@@ -102,7 +100,7 @@ const trackBackgroundColor = ( { disabled, trackColor } ) => {
 
 export const Track = styled.span`
 	background-color: currentColor;
-	border-radius: 3px;
+	border-radius: 9999px;
 	box-sizing: border-box;
 	height: 3px;
 	pointer-events: none;