diff --git a/src/components/variation-picker/editor.scss b/src/components/variation-picker/editor.scss
index 851b2e6bd..faf14d0ab 100644
--- a/src/components/variation-picker/editor.scss
+++ b/src/components/variation-picker/editor.scss
@@ -1,15 +1,30 @@
 .stk-variation-picker {
+	.block-editor-block-variation-picker__variations {
+		gap: 16px;
+	}
+	.block-editor-block-variation-picker__variations > li {
+		margin: 0;
+	}
+	.stk-stackable-icon-gradient {
+		fill: revert !important;
+	}
+
 	.is-premium {
 		pointer-events: none;
 		~ span {
 			color: #888;
 		}
+		svg {
+			fill: #d8d8d8 !important;
+		}
 	}
-	.block-editor-block-variation-picker__variation svg {
-		width: 48px;
-		height: 48px;
-		* {
-			stroke: currentColor;
+	.block-editor-block-variation-picker__variation {
+		background: #fff !important;
+		height: 42px;
+
+		svg {
+			width: 48px;
+			height: 48px;
 		}
 	}
 }
diff --git a/src/components/variation-picker/index.js b/src/components/variation-picker/index.js
index f1ee471c2..945d1d77a 100644
--- a/src/components/variation-picker/index.js
+++ b/src/components/variation-picker/index.js
@@ -47,10 +47,9 @@ const VariationPicker = props => {
 					{ variations.map( variation => (
 						<li key={ variation.name }>
 							<Button
-								variant="secondary"
+								variant="tertiary"
 								icon={ variation.pickerIcon || variation.icon }
 								iconSize={ 48 }
-								isSecondary
 								onClick={ () => onSelect( variation ) }
 								className={ classnames( 'block-editor-block-variation-picker__variation', {
 									'is-premium': variation.isPremium,