@wordpress/block-library 8.8.0 → 8.9.0

package/build-style/editor-rtl.css

@@ -493,12 +493,11 @@ html :where(.wp-block-column) {
   padding: 0 !important;
   display: flex;
   align-items: stretch;
-  overflow: visible;
   min-height: 240px;
 }
 .wp-block-cover.is-placeholder .components-placeholder.is-large {
   justify-content: flex-start;
-  z-index: 32;
+  z-index: 1;
 }
 .wp-block-cover.is-placeholder:focus::after {
   min-height: auto;
@@ -512,7 +511,7 @@ html :where(.wp-block-column) {
 }
 .wp-block-cover .components-spinner {
   position: absolute;
-  z-index: 32;
+  z-index: 1;
   top: 50%;
   right: 50%;
   transform: translate(50%, -50%);
@@ -556,6 +555,7 @@ html :where(.wp-block-column) {
 .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div,
 .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container {
   pointer-events: none;
+  overflow: visible;
 }
 
 .wp-block-cover > .components-drop-zone .components-drop-zone__content {
@@ -1240,6 +1240,8 @@ figure.wp-block-gallery .components-spinner {
   right: 0;
 }
 .block-library-html__edit .block-editor-plain-text {
+  box-sizing: border-box;
+  max-height: 250px;
   font-family: Menlo, Consolas, monaco, monospace !important;
   color: #1e1e1e !important;
   background: #fff !important;
@@ -1247,8 +1249,6 @@ figure.wp-block-gallery .components-spinner {
   border: 1px solid #1e1e1e !important;
   box-shadow: none !important;
   border-radius: 2px !important;
-  max-height: 250px;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px !important;
 }
 @media (min-width: 600px) {
@@ -1267,7 +1267,7 @@ figure.wp-block-gallery .components-spinner {
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #1e1e1e;
   border: none;
-  filter: none;
+  filter: none !important;
   border-radius: 2px;
 }
 .wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
@@ -2298,6 +2298,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 
 .blocks-shortcode__textarea {
+  box-sizing: border-box;
+  max-height: 250px;
+  resize: none;
   font-family: Menlo, Consolas, monaco, monospace !important;
   color: #1e1e1e !important;
   background: #fff !important;
@@ -2305,10 +2308,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   border: 1px solid #1e1e1e !important;
   box-shadow: none !important;
   border-radius: 2px !important;
-  box-sizing: border-box;
-  max-height: 250px;
-  resize: none;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px !important;
 }
 @media (min-width: 600px) {
@@ -2390,6 +2389,52 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   color: inherit;
 }
 
+.block-library-site-logo__inspector-upload-container {
+  position: relative;
+}
+.block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon {
+  display: none;
+}
+
+.block-library-site-logo__inspector-upload-container button.components-button,
+.block-library-site-logo__inspector-media-replace-container button.components-button {
+  color: #1e1e1e;
+  box-shadow: inset 0 0 0 1px #ccc;
+  width: 100%;
+  display: block;
+  height: 40px;
+}
+.block-library-site-logo__inspector-upload-container button.components-button:hover,
+.block-library-site-logo__inspector-media-replace-container button.components-button:hover {
+  color: var(--wp-admin-theme-color);
+}
+.block-library-site-logo__inspector-upload-container button.components-button:focus,
+.block-library-site-logo__inspector-media-replace-container button.components-button:focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+.block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title,
+.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
+  word-break: break-all;
+  white-space: normal;
+  text-align: start;
+  text-align-last: center;
+}
+
+.block-library-site-logo__inspector-media-replace-container .components-dropdown {
+  display: block;
+}
+.block-library-site-logo__inspector-media-replace-container img {
+  width: 20px;
+  aspect-ratio: 1;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+  border-radius: 50% !important;
+}
+.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview {
+  padding: 6px 12px;
+  display: flex;
+  height: 40px;
+}
+
 .wp-block-site-tagline__placeholder {
   padding: 1em 0;
   border: 1px dashed;
@@ -2622,21 +2667,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .block-editor-template-part__selection-modal {
   z-index: 1000001;
 }
-@media (min-width: 600px) {
-  .block-editor-template-part__selection-modal .components-modal__frame {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
+.block-editor-template-part__selection-modal .block-editor-block-patterns-list {
+  column-count: 2;
+  column-gap: 24px;
 }
-@media (min-width: 782px) {
-  .block-editor-template-part__selection-modal .components-modal__frame {
-    width: 750px;
+@media (min-width: 1280px) {
+  .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
+    column-count: 3;
   }
 }
-@media (min-width: 960px) {
-  .block-editor-template-part__selection-modal .components-modal__frame {
-    height: 70%;
-  }
+.block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+  break-inside: avoid-column;
 }
 
 .block-library-template-part__selection-search {
@@ -2775,21 +2816,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   max-height: 250px;
 }
 
-@media (min-width: 600px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
+  column-count: 2;
+  column-gap: 24px;
 }
-@media (min-width: 782px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    width: 750px;
+@media (min-width: 1280px) {
+  .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
+    column-count: 3;
   }
 }
-@media (min-width: 960px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    height: 70%;
-  }
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+  break-inside: avoid-column;
 }
 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
   background: #fff;

package/build-style/editor.css

@@ -497,12 +497,11 @@ html :where(.wp-block-column) {
   padding: 0 !important;
   display: flex;
   align-items: stretch;
-  overflow: visible;
   min-height: 240px;
 }
 .wp-block-cover.is-placeholder .components-placeholder.is-large {
   justify-content: flex-start;
-  z-index: 32;
+  z-index: 1;
 }
 .wp-block-cover.is-placeholder:focus::after {
   min-height: auto;
@@ -516,7 +515,7 @@ html :where(.wp-block-column) {
 }
 .wp-block-cover .components-spinner {
   position: absolute;
-  z-index: 32;
+  z-index: 1;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
@@ -560,6 +559,7 @@ html :where(.wp-block-column) {
 .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div,
 .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container {
   pointer-events: none;
+  overflow: visible;
 }
 
 .wp-block-cover > .components-drop-zone .components-drop-zone__content {
@@ -1248,6 +1248,8 @@ figure.wp-block-gallery .components-spinner {
   left: 0;
 }
 .block-library-html__edit .block-editor-plain-text {
+  box-sizing: border-box;
+  max-height: 250px;
   font-family: Menlo, Consolas, monaco, monospace !important;
   color: #1e1e1e !important;
   background: #fff !important;
@@ -1255,8 +1257,6 @@ figure.wp-block-gallery .components-spinner {
   border: 1px solid #1e1e1e !important;
   box-shadow: none !important;
   border-radius: 2px !important;
-  max-height: 250px;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px !important;
 }
 @media (min-width: 600px) {
@@ -1275,7 +1275,7 @@ figure.wp-block-gallery .components-spinner {
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #1e1e1e;
   border: none;
-  filter: none;
+  filter: none !important;
   border-radius: 2px;
 }
 .wp-block-image.wp-block-image.is-selected .components-placeholder > svg {
@@ -2306,6 +2306,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 }
 
 .blocks-shortcode__textarea {
+  box-sizing: border-box;
+  max-height: 250px;
+  resize: none;
   font-family: Menlo, Consolas, monaco, monospace !important;
   color: #1e1e1e !important;
   background: #fff !important;
@@ -2313,10 +2316,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   border: 1px solid #1e1e1e !important;
   box-shadow: none !important;
   border-radius: 2px !important;
-  box-sizing: border-box;
-  max-height: 250px;
-  resize: none;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px !important;
 }
 @media (min-width: 600px) {
@@ -2398,6 +2397,52 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   color: inherit;
 }
 
+.block-library-site-logo__inspector-upload-container {
+  position: relative;
+}
+.block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon {
+  display: none;
+}
+
+.block-library-site-logo__inspector-upload-container button.components-button,
+.block-library-site-logo__inspector-media-replace-container button.components-button {
+  color: #1e1e1e;
+  box-shadow: inset 0 0 0 1px #ccc;
+  width: 100%;
+  display: block;
+  height: 40px;
+}
+.block-library-site-logo__inspector-upload-container button.components-button:hover,
+.block-library-site-logo__inspector-media-replace-container button.components-button:hover {
+  color: var(--wp-admin-theme-color);
+}
+.block-library-site-logo__inspector-upload-container button.components-button:focus,
+.block-library-site-logo__inspector-media-replace-container button.components-button:focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+.block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title,
+.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
+  word-break: break-all;
+  white-space: normal;
+  text-align: start;
+  text-align-last: center;
+}
+
+.block-library-site-logo__inspector-media-replace-container .components-dropdown {
+  display: block;
+}
+.block-library-site-logo__inspector-media-replace-container img {
+  width: 20px;
+  aspect-ratio: 1;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+  border-radius: 50% !important;
+}
+.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview {
+  padding: 6px 12px;
+  display: flex;
+  height: 40px;
+}
+
 .wp-block-site-tagline__placeholder {
   padding: 1em 0;
   border: 1px dashed;
@@ -2630,21 +2675,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .block-editor-template-part__selection-modal {
   z-index: 1000001;
 }
-@media (min-width: 600px) {
-  .block-editor-template-part__selection-modal .components-modal__frame {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
+.block-editor-template-part__selection-modal .block-editor-block-patterns-list {
+  column-count: 2;
+  column-gap: 24px;
 }
-@media (min-width: 782px) {
-  .block-editor-template-part__selection-modal .components-modal__frame {
-    width: 750px;
+@media (min-width: 1280px) {
+  .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
+    column-count: 3;
   }
 }
-@media (min-width: 960px) {
-  .block-editor-template-part__selection-modal .components-modal__frame {
-    height: 70%;
-  }
+.block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+  break-inside: avoid-column;
 }
 
 .block-library-template-part__selection-search {
@@ -2783,21 +2824,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   max-height: 250px;
 }
 
-@media (min-width: 600px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
+  column-count: 2;
+  column-gap: 24px;
 }
-@media (min-width: 782px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    width: 750px;
+@media (min-width: 1280px) {
+  .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
+    column-count: 3;
   }
 }
-@media (min-width: 960px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    height: 70%;
-  }
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+  break-inside: avoid-column;
 }
 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
   background: #fff;

package/build-style/html/editor-rtl.css

@@ -94,6 +94,8 @@
   right: 0;
 }
 .block-library-html__edit .block-editor-plain-text {
+  box-sizing: border-box;
+  max-height: 250px;
   font-family: Menlo, Consolas, monaco, monospace !important;
   color: #1e1e1e !important;
   background: #fff !important;
@@ -101,8 +103,6 @@
   border: 1px solid #1e1e1e !important;
   box-shadow: none !important;
   border-radius: 2px !important;
-  max-height: 250px;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px !important;
 }
 @media (min-width: 600px) {

package/build-style/html/editor.css

@@ -94,6 +94,8 @@
   left: 0;
 }
 .block-library-html__edit .block-editor-plain-text {
+  box-sizing: border-box;
+  max-height: 250px;
   font-family: Menlo, Consolas, monaco, monospace !important;
   color: #1e1e1e !important;
   background: #fff !important;
@@ -101,8 +103,6 @@
   border: 1px solid #1e1e1e !important;
   box-shadow: none !important;
   border-radius: 2px !important;
-  max-height: 250px;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px !important;
 }
 @media (min-width: 600px) {

package/build-style/image/editor-rtl.css

@@ -91,7 +91,7 @@
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #1e1e1e;
   border: none;
-  filter: none;
+  filter: none !important;
   border-radius: 2px;
 }
 .wp-block-image.wp-block-image.is-selected .components-placeholder > svg {

package/build-style/image/editor.css

@@ -91,7 +91,7 @@
   background-color: #fff;
   box-shadow: inset 0 0 0 1px #1e1e1e;
   border: none;
-  filter: none;
+  filter: none !important;
   border-radius: 2px;
 }
 .wp-block-image.wp-block-image.is-selected .components-placeholder > svg {

package/build-style/query/editor-rtl.css

@@ -106,21 +106,17 @@
   max-height: 250px;
 }
 
-@media (min-width: 600px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
+  column-count: 2;
+  column-gap: 24px;
 }
-@media (min-width: 782px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    width: 750px;
+@media (min-width: 1280px) {
+  .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
+    column-count: 3;
   }
 }
-@media (min-width: 960px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    height: 70%;
-  }
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+  break-inside: avoid-column;
 }
 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
   background: #fff;

package/build-style/query/editor.css

@@ -106,21 +106,17 @@
   max-height: 250px;
 }
 
-@media (min-width: 600px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
+  column-count: 2;
+  column-gap: 24px;
 }
-@media (min-width: 782px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    width: 750px;
+@media (min-width: 1280px) {
+  .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
+    column-count: 3;
   }
 }
-@media (min-width: 960px) {
-  .block-library-query-pattern__selection-modal .components-modal__frame {
-    height: 70%;
-  }
+.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
+  break-inside: avoid-column;
 }
 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
   background: #fff;

package/build-style/search/style-rtl.css

@@ -124,6 +124,8 @@
   min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
+  -webkit-appearance: initial;
+          appearance: initial;
 }
 
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {

package/build-style/search/style.css

@@ -124,6 +124,8 @@
   min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
+  -webkit-appearance: initial;
+          appearance: initial;
 }
 
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {

package/build-style/shortcode/editor-rtl.css

@@ -91,6 +91,9 @@
 }
 
 .blocks-shortcode__textarea {
+  box-sizing: border-box;
+  max-height: 250px;
+  resize: none;
   font-family: Menlo, Consolas, monaco, monospace !important;
   color: #1e1e1e !important;
   background: #fff !important;
@@ -98,10 +101,6 @@
   border: 1px solid #1e1e1e !important;
   box-shadow: none !important;
   border-radius: 2px !important;
-  box-sizing: border-box;
-  max-height: 250px;
-  resize: none;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px !important;
 }
 @media (min-width: 600px) {

package/build-style/shortcode/editor.css

@@ -91,6 +91,9 @@
 }
 
 .blocks-shortcode__textarea {
+  box-sizing: border-box;
+  max-height: 250px;
+  resize: none;
   font-family: Menlo, Consolas, monaco, monospace !important;
   color: #1e1e1e !important;
   background: #fff !important;
@@ -98,10 +101,6 @@
   border: 1px solid #1e1e1e !important;
   box-shadow: none !important;
   border-radius: 2px !important;
-  box-sizing: border-box;
-  max-height: 250px;
-  resize: none;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px !important;
 }
 @media (min-width: 600px) {

package/build-style/site-logo/editor-rtl.css

@@ -152,4 +152,50 @@
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
   color: inherit;
+}
+
+.block-library-site-logo__inspector-upload-container {
+  position: relative;
+}
+.block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon {
+  display: none;
+}
+
+.block-library-site-logo__inspector-upload-container button.components-button,
+.block-library-site-logo__inspector-media-replace-container button.components-button {
+  color: #1e1e1e;
+  box-shadow: inset 0 0 0 1px #ccc;
+  width: 100%;
+  display: block;
+  height: 40px;
+}
+.block-library-site-logo__inspector-upload-container button.components-button:hover,
+.block-library-site-logo__inspector-media-replace-container button.components-button:hover {
+  color: var(--wp-admin-theme-color);
+}
+.block-library-site-logo__inspector-upload-container button.components-button:focus,
+.block-library-site-logo__inspector-media-replace-container button.components-button:focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+.block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title,
+.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
+  word-break: break-all;
+  white-space: normal;
+  text-align: start;
+  text-align-last: center;
+}
+
+.block-library-site-logo__inspector-media-replace-container .components-dropdown {
+  display: block;
+}
+.block-library-site-logo__inspector-media-replace-container img {
+  width: 20px;
+  aspect-ratio: 1;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+  border-radius: 50% !important;
+}
+.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview {
+  padding: 6px 12px;
+  display: flex;
+  height: 40px;
 }

package/build-style/site-logo/editor.css

@@ -152,4 +152,50 @@
 }
 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg {
   color: inherit;
+}
+
+.block-library-site-logo__inspector-upload-container {
+  position: relative;
+}
+.block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon {
+  display: none;
+}
+
+.block-library-site-logo__inspector-upload-container button.components-button,
+.block-library-site-logo__inspector-media-replace-container button.components-button {
+  color: #1e1e1e;
+  box-shadow: inset 0 0 0 1px #ccc;
+  width: 100%;
+  display: block;
+  height: 40px;
+}
+.block-library-site-logo__inspector-upload-container button.components-button:hover,
+.block-library-site-logo__inspector-media-replace-container button.components-button:hover {
+  color: var(--wp-admin-theme-color);
+}
+.block-library-site-logo__inspector-upload-container button.components-button:focus,
+.block-library-site-logo__inspector-media-replace-container button.components-button:focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+.block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title,
+.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
+  word-break: break-all;
+  white-space: normal;
+  text-align: start;
+  text-align-last: center;
+}
+
+.block-library-site-logo__inspector-media-replace-container .components-dropdown {
+  display: block;
+}
+.block-library-site-logo__inspector-media-replace-container img {
+  width: 20px;
+  aspect-ratio: 1;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+  border-radius: 50% !important;
+}
+.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview {
+  padding: 6px 12px;
+  display: flex;
+  height: 40px;
 }