fix table layout issues

hyperglass/ui/components/card/body.tsx

@@ -11,7 +11,6 @@ export const CardBody = (props: ICardBody) => {
     <Flex
       bg={bg}
       w="100%"
-      maxW="95%"
       rounded="md"
       color={color}
       onClick={onClick}

hyperglass/ui/components/output/fields.tsx

@@ -119,15 +119,17 @@ export const Communities = (props: TCommunities) => {
         </Tooltip>
       </If>
       <If c={communities.length !== 0}>
-        <Menu>
+        <Menu preventOverflow fixed>
           <MenuButton>
             <Icon as={More} />
           </MenuButton>
           <MenuList
             p={3}
             bg={bg}
+            minW={32}
             width="unset"
             color={color}
+            boxShadow="2xl"
             textAlign="left"
             fontFamily="mono"
             fontWeight="normal"

hyperglass/ui/components/output/table.tsx

@@ -31,7 +31,7 @@ export const BGPTable = (props: TBGPTable) => {
   const columns = makeColumns(parsed_data_fields);
 
   return (
-    <Flex my={8} justify="center" maxW={['100%', '100%', '100%', '100%']} w="100%" {...rest}>
+    <Flex my={8} justify="center" maxW="100%" w="100%" {...rest}>
       <Table
         columns={columns}
         data={data.routes}