diff --git a/src/components/Player/InputBox/MenuButton/MenuButton.jsx b/src/components/Player/InputBox/MenuButton/MenuButton.jsx index 597a384..db83962 100644 --- a/src/components/Player/InputBox/MenuButton/MenuButton.jsx +++ b/src/components/Player/InputBox/MenuButton/MenuButton.jsx @@ -11,10 +11,12 @@ 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 aaf6854..20cdfe7 100644 --- a/src/components/Player/InputBox/MenuButton/MenuButton.module.scss +++ b/src/components/Player/InputBox/MenuButton/MenuButton.module.scss @@ -16,7 +16,8 @@ .menuIcon { height: 32px; - width: 32px; - fill: CurrentColor; + fill: none; + stroke: currentColor; + stroke-width: 2px; } } diff --git a/src/components/Player/player.css b/src/components/Player/player.css index 4559ea4..51502a8 100644 --- a/src/components/Player/player.css +++ b/src/components/Player/player.css @@ -29,6 +29,7 @@ border: var(--border-width) solid var(--main-color); border-top: var(--separator-width) solid var(--main-color); padding: var(--inner-padding); + padding-right: calc(3 * var(--inner-padding)); margin: 0; width: 100%; }