Design fixes (#422)

front/src/modules/ui/components/menu/DropdownMenuSeparator.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 export const DropdownMenuSeparator = styled.div`
-  background-color: ${(props) => props.theme.mediumBorder};
+  background-color: ${(props) => props.theme.lightBorder};
   height: 1px;
 
   width: 100%;

front/src/modules/ui/components/table/table-header/DropdownButton.tsx

@@ -102,13 +102,13 @@ const StyledDropdownItemClipped = styled.span`
 
 const StyledDropdownTopOption = styled.li`
   align-items: center;
-  border-bottom: 1px solid ${(props) => props.theme.primaryBorder};
+  border-bottom: 1px solid ${(props) => props.theme.lightBorder};
   color: ${(props) => props.theme.text80};
   cursor: pointer;
   display: flex;
   font-weight: ${(props) => props.theme.fontWeightMedium};
   justify-content: space-between;
-  padding: calc(${(props) => props.theme.spacing(2)} + 2px)
+  padding: calc(${(props) => props.theme.spacing(2)})
     calc(${(props) => props.theme.spacing(2)});
 
   &:hover {
@@ -191,13 +191,17 @@ function DropdownButton({
 }
 
 const StyleAngleDownContainer = styled.div`
+  color: ${(props) => props.theme.text40};
+  display: flex;
+  height: 100%;
+  justify-content: center;
   margin-left: auto;
 `;
 
 function DropdownTopOptionAngleDown() {
   return (
     <StyleAngleDownContainer>
-      <IconChevronDown />
+      <IconChevronDown size={16} />
     </StyleAngleDownContainer>
   );
 }

front/src/modules/ui/components/table/table-header/FilterDropdownButton.tsx

@@ -114,8 +114,6 @@ export const FilterDropdownButton = <TData extends FilterableFieldsType>({
                   result.value.id === selectedEntityId
                 }
                 onClick={() => {
-                  console.log({ result });
-
                   if (resultIsEntity(result.value)) {
                     setSelectedEntityId(result.value.id);
                   }