diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 28e386e..d3db078 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Box, Text } from 'grommet'; +import { Box, Text, Anchor } from 'grommet'; export const Header = () => { return ( @@ -7,7 +7,7 @@ export const Header = () => { as='header' direction='row' align='center' - justify='center' + justify='between' background='brand' pad={{ left: 'medium', right: 'small', vertical: 'small' }} style={{ zIndex: 1 }} @@ -20,6 +20,11 @@ export const Header = () => { > Spoti Search + ); };