clean up

ui/shared/FilterButton.tsx

@@ -22,11 +22,13 @@ const FilterButton = ({ isActive, appliedFiltersNum, onClick, isCollapsed }: Pro
       leftIcon={ isCollapsed ? undefined : FilterIcon }
       rightIcon={ appliedFiltersNum ? <Circle bg={ badgeBgColor } size={ 5 } color={ badgeColor }>{ appliedFiltersNum }</Circle> : undefined }
       size="sm"
+      fontWeight="500"
       variant="outline"
       colorScheme="gray-dark"
       onClick={ onClick }
       isActive={ isActive }
       px={ 1.5 }
+      flexShrink={ 0 }
     >
       { isCollapsed ? FilterIcon : 'Filter' }
     </Button>

ui/shared/FilterInput.tsx

@@ -36,6 +36,8 @@ const FilterInput = ({ onChange, className, size = 'sm', placeholder }: Props) =
         value={ filterQuery }
         onChange={ handleFilterQueryChange }
         placeholder={ placeholder }
+        borderWidth="2px"
+        textOverflow="ellipsis"
       />
     </InputGroup>
   );

ui/shared/Filters.tsx

@@ -36,11 +36,10 @@ const Filters = () => {
         size="sm"
         variant="outline"
         colorScheme="gray-dark"
-        fontWeight="500"
+        borderWidth="1px"
         onClick={ handleClick }
         isActive={ isActive }
-        px={ 2 }
-        flexShrink={ 0 }
+        px={ 1.5 }
       >
         Filter
       </Button>

ui/shared/Page.tsx

@@ -45,7 +45,6 @@ const Page = ({ children }: Props) => {
         paddingTop={ isMobile ? 0 : 9 }
         paddingBottom={ 10 }
         spacing={ 0 }
-        overflow="hidden"
       >
         <Header/>
         <Box