diff --git a/packages/components/src/color-picker/style.scss b/packages/components/src/color-picker/style.scss
index 336c684dfeca9..368c6f8a70321 100644
--- a/packages/components/src/color-picker/style.scss
+++ b/packages/components/src/color-picker/style.scss
@@ -35,7 +35,7 @@
 	position: relative;
 }
 .components-color-picker__body {
-	padding: 16px 16px 12px;
+	padding: $grid-size-large 0 #{ $grid-size-small * 3 };
 }
 .components-color-picker__controls {
 	display: flex;
@@ -199,6 +199,10 @@
 	fieldset {
 		flex: 1;
 	}
+
+	.components-color-picker__inputs-fields .components-text-control__input[type="number"] {
+		padding: 2px;
+	}
 }
 .components-color-picker__inputs-fields {
 	display: flex;