chore: Update Hero Map component alignment and height

Adjust the alignment of the Hero Map component in the Climatemapped Africa app to align items at the bottom instead of the center. Also, increase the height of the component from 80 to 108 pixels for better vertical alignment.
CodeForAfrica · Nov 12, 2024 · 0ce3894 · 0ce3894
1 parent 63c55af
commit 0ce3894
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/climatemappedafrica/src/components/Hero/Map.js b/apps/climatemappedafrica/src/components/Hero/Map.js
@@ -111,10 +111,10 @@ function Map({
       <Box
         display="flex"
         justifyContent="space-between"
-        alignItems="center"
+        alignItems="flex-end"
         gap={2}
         sx={{
-          height: 80,
+          height: 108,
           width: "100%",
           mb: 1,
         }}