From 66694c4ce3b4a44d5da1ab89101997a919df7d81 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Fri, 15 Apr 2022 11:41:06 +0200
Subject: [PATCH] fix(web/context): Properly align text

When there was no description the key for the text wasn't properly centered vertically
---
 web/src/features/menu/Item.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/features/menu/Item.tsx b/web/src/features/menu/Item.tsx
index 4379313..cb1a0ac 100644
--- a/web/src/features/menu/Item.tsx
+++ b/web/src/features/menu/Item.tsx
@@ -54,6 +54,7 @@ const Item: React.FC<{
           >
             <Flex
               w="100%"
+              alignItems="center"
               onClick={() =>
                 option[1].menu
                   ? openMenu(option[1].menu)
@@ -65,7 +66,7 @@ const Item: React.FC<{
               }
             >
               <Box>
-                <Box paddingBottom={1}>
+                <Box paddingBottom={option[1].description ? 1 : 0}>
                   <Text w="100%" fontWeight="medium">
                     {option[0]}
                   </Text>