From 6486ae319957ef4c97aa7e5a041f3411c615cc9b Mon Sep 17 00:00:00 2001
From: Mosh Hamedani <programmingwithmosh@gmail.com>
Date: Mon, 6 Mar 2023 13:35:02 -0800
Subject: [PATCH] Add margin above genres

---
 src/components/GenreList.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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">