diff --git a/packages/block-editor/src/components/link-control/index.js b/packages/block-editor/src/components/link-control/index.js
index 6f70e4a8567efc..7a5ea9163c0710 100644
--- a/packages/block-editor/src/components/link-control/index.js
+++ b/packages/block-editor/src/components/link-control/index.js
@@ -2,6 +2,7 @@
* WordPress dependencies
*/
import {
+ Button,
IconButton,
Icon,
ToggleControl,
@@ -170,8 +171,10 @@ function LinkControl( { currentLink, fetchSearchSuggestions, renderAdditionalSet
{ currentLink.info || filterURLForDisplay( safeDecodeURI( currentLink.url ) ) || '' }
- { currentLink.type.toLowerCase() || '' }
-
+
+
) }
diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss
index 9ec953976ec375..c417a0f2457270 100644
--- a/packages/block-editor/src/components/link-control/style.scss
+++ b/packages/block-editor/src/components/link-control/style.scss
@@ -92,16 +92,16 @@
&.is-current {
background: transparent;
- border: 2px solid #ccc;
- margin: $grid-size-large;
- width: calc(100% - #{$grid-size-large*2});
+ border: 0;
+ width: 100%;
cursor: default;
- padding-right: 10px; // visually compensate for edit icon padding
+ padding: $grid-size-large;
+ padding-left: $grid-size-xlarge;
}
.block-editor-link-control__search-item-header {
display: block;
- margin-right: 1em;
+ margin-right: $grid-size-xlarge;
}
.block-editor-link-control__search-item-icon {
@@ -148,8 +148,8 @@
.block-editor-link-control__settings {
border-top: 1px solid #e1e1e1;
- margin: 0 $grid-size-large;
- padding: $grid-size-large $grid-size-large;
+ margin: 0;
+ padding: $grid-size-large $grid-size-xlarge;
:last-child {
margin-bottom: 0;
@@ -172,6 +172,6 @@
}
.block-editor-link-control__search-item-action {
- margin-left: 0.5em;
+ margin-left: auto; // push to far right hand side
flex-shrink: 0;
}