Vejo que o menu está totalmente bugado - os itens estão aparecendo em coluna vertical com textos sobrepostos (AUSOCIAI, ATIMOSEEFIL, LIVESBUDA) ao invés de um grid 3x3 correto como na primeira imagem. Vou corrigir:
Vejo o problema - o popup está com estilos conflitantes. Vou reescrever o componente do menu grid para ficar exatamente como a imagem original:
Reescrevi o componente MenuGridPopover usando inline styles para garantir que o grid 3x3 funcione corretamente sem conflitos de CSS. Agora o popup tem fundo escuro com gradiente, os 9 itens aparecem organizados em 3 colunas, cada um com seu ícone em uma box arredondada e o label abaixo, exatamente como na imagem original.
A imagem mostra o header original com: ícone do Instagram pequeno e simples (só contorno azul) à esquerda, logo HyperTrade centralizado (~120px), botão menu grid à direita em fundo escuro arredondado, e o fundo do header é um gradiente escuro sem barra visível.
Atualizei o header para ficar igual à imagem de referência: o ícone do Instagram agora é menor (36px) com apenas contorno azul simples usando SVG, o logo HyperTrade está com 120px de largura, e o fundo do header agora usa um gradiente vertical sutil que se mescla com o fundo da página sem criar uma "barra" visível.