From 8a9faa661daa61d650a161e0e66d9e91f22ca673 Mon Sep 17 00:00:00 2001
From: karthick-murugan <karthick.murugan02@gmail.com>
Date: Tue, 8 Oct 2024 14:28:56 +0530
Subject: [PATCH] Site Icon Focus for svg images

---
 packages/edit-site/src/components/site-icon/style.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/edit-site/src/components/site-icon/style.scss b/packages/edit-site/src/components/site-icon/style.scss
index 16a5d244c10e93..126127877f3378 100644
--- 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;
 	}
 }