diff --git a/src/components/Player/InputBox/MenuButton/MenuButton.jsx b/src/components/Player/InputBox/MenuButton/MenuButton.jsx index 53f282f..597a384 100644 --- a/src/components/Player/InputBox/MenuButton/MenuButton.jsx +++ b/src/components/Player/InputBox/MenuButton/MenuButton.jsx @@ -7,9 +7,15 @@ export default MenuButton = ({ onClick }) => { ) } diff --git a/src/components/Player/InputBox/MenuButton/MenuButton.module.scss b/src/components/Player/InputBox/MenuButton/MenuButton.module.scss index 4b85f53..aaf6854 100644 --- a/src/components/Player/InputBox/MenuButton/MenuButton.module.scss +++ b/src/components/Player/InputBox/MenuButton/MenuButton.module.scss @@ -1,14 +1,22 @@ .menuButton { + display: inline-flex; + align-items: center; + justify-content: center; background: none; - border-left: none; + border: none; outline-offset: -8px; position: absolute; right: 0; height: 100%; padding: 0; - aspect-ratio: 1; &:focus-visible { outline-offset: -4px; } + + .menuIcon { + height: 32px; + width: 32px; + fill: CurrentColor; + } }