From 77652c8173a7ec4107fce2570850a38ece74b083 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Thu, 7 Jul 2022 14:33:53 +0200
Subject: [PATCH] fix(web/context): stretch back arrow to height of the title

---
 web/src/features/menu/ContextMenu.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/features/menu/ContextMenu.tsx b/web/src/features/menu/ContextMenu.tsx
index e3d639b..232884c 100644
--- a/web/src/features/menu/ContextMenu.tsx
+++ b/web/src/features/menu/ContextMenu.tsx
@@ -88,12 +88,14 @@ const ContextMenu: React.FC = () => {
         <Box w="xs" h={580}>
           <Flex justifyContent="center" alignItems="center" mb={3}>
             {contextMenu.menu && (
-              <Box
+              <Flex
                 borderRadius="md"
                 bg="gray.800"
-                h="100%"
                 flex="1 15%"
+                alignSelf="stretch"
                 textAlign="center"
+                justifyContent="center"
+                alignItems="center"
                 marginRight={2}
                 p={2}
                 _hover={{ bg: "gray.700" }}
@@ -101,7 +103,7 @@ const ContextMenu: React.FC = () => {
                 onClick={() => openMenu(contextMenu.menu)}
               >
                 <FontAwesomeIcon icon="chevron-left" />
-              </Box>
+              </Flex>
             )}
             <Box borderRadius="md" bg="gray.800" flex="1 85%">
               <Text