Site Icon Focus for svg images

karthick-murugan · Oct 8, 2024 · 8a9faa6 · 8a9faa6
1 parent 9385516
commit 8a9faa6
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/edit-site/src/components/site-icon/style.scss b/packages/edit-site/src/components/site-icon/style.scss
@@ -7,6 +7,11 @@
 		// Make the WordPress icon not so big in full canvas.
 		padding: $grid-unit-15;
 	}
+
+	// Add focus-visible styles
+	button[data-focus-visible="true"] & {
+		border: 2px solid #1e90ff;
+	}
 }
 
 .edit-site-site-icon__image {
@@ -22,7 +27,6 @@
 
 	// Add focus-visible styles
 	button[data-focus-visible="true"] & {
-		background: #1e90ff;
-		padding: 2px;
+		border: 2px solid #1e90ff;
 	}
 }