diff --git a/src/components/GenreList.tsx b/src/components/GenreList.tsx
index 8efb3b0..3543645 100644
--- a/src/components/GenreList.tsx
+++ b/src/components/GenreList.tsx
@@ -25,7 +25,9 @@ const GenreList = ({ selectedGenre, onSelectGenre }: Props) => {
 
   return (
     <>
-      <Heading fontSize='2xl' marginBottom={3}>Genres</Heading>
+      <Heading fontSize="2xl" marginTop={9} marginBottom={3}>
+        Genres
+      </Heading>
       <List>
         {data.map((genre) => (
           <ListItem key={genre.id} paddingY="5px">