diff --git a/editor/components/default-block-appender/style.scss b/editor/components/default-block-appender/style.scss index bad21f4362c801..b0d2c652b35104 100644 --- a/editor/components/default-block-appender/style.scss +++ b/editor/components/default-block-appender/style.scss @@ -6,21 +6,26 @@ $empty-paragraph-height: $text-editor-font-size * 4; color: $dark-gray-300; outline: 1px solid transparent; transition: 0.2s outline; + } - &:hover { - outline: 1px solid $light-gray-500; - } + .editor-inserter__toggle { + border-radius: 50%; } .editor-inserter-with-shortcuts { position: absolute; top: 10px; right: 58px; + display: none; .components-icon-button { color: $light-gray-700; transition: color 0.2s; } + + @include break-small { + display: flex; + } } &:hover { @@ -41,8 +46,13 @@ $empty-paragraph-height: $text-editor-font-size * 4; opacity: 0; position: absolute; top: 10px; - left: 10px; + right: 10px; transition: opacity 0.2s; + + @include break-small { + left: 10px; + right: auto; + } } }