Improve icon visual scaling

WordPress · May 25, 2021 · dff46e3 · dff46e3
1 parent 8f5f7d4
commit dff46e3
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss
@@ -152,7 +152,7 @@ $block-editor-link-control-number-of-actions: 1;
 	.block-editor-link-control__search-item-header {
 		display: block;
 		flex-direction: row;
-		align-items: center;
+		align-items: flex-start;
 		margin-right: $grid-unit-20;
 		overflow: hidden;
 		white-space: nowrap;
@@ -168,14 +168,15 @@ $block-editor-link-control-number-of-actions: 1;
 
 	.block-editor-link-control__search-item-icon {
 		position: relative;
+		top: 0.2em;
 		margin-right: $grid-unit-10;
-		width: 32px;
-		height: 32px;
+		width: 18px; // half of 32px to improve perceived resolution.
+		height: 18px; // half of 32px to improve perceived resolution.
 
 		svg,
 		img {
 			max-width: none;
-			width: 32px;
+			width: 18px; // half of 32px to improve perceived resolution.
 		}
 	}