Dentro del componente MenuButton
, descarta las siguientes propiedades del styled component :
display:flex;
float: right;
margin: auto;
Debe quedar así:
@media screen and (max-width: 700px) {
display:flex;
border: none;
border-radius: 5px;
box-shadow: 0px 0px 1px rgb(50, 50, 50);
}
Otra observación que puede ser de ayuda, en el return
dentro del contexto boolean del operador condicional, en la primera expresión, falta la clase para svg
:
<svg viewBox="0 0 100 80" width="30" height="30" fill="#282c34">
Parece que debe ir así:
<svg className="svg-icon" viewBox="0 0 100 80" width="30" height="30" fill="#282c34">
Espero que esta respuesta sea de ayuda.