Merge pull request #71 from twentyhq/cbo-design-fixes

Fix small design feedbacks

front/src/components/form/Checkbox.tsx

@@ -16,7 +16,7 @@ const StyledContainer = styled.span`
 
   input[type='checkbox']::before {
     content: '';
-    border: 1px solid black;
+    border: 1px solid ${(props) => props.theme.text80};
     width: 12px;
     height: 12px;
     border-radius: 2px;

front/src/components/table/table-header/TableHeader.tsx

@@ -33,6 +33,10 @@ const StyledTableHeader = styled.div`
 const StyledIcon = styled.div`
   display: flex;
   margin-right: ${(props) => props.theme.spacing(2)};
+
+  & > svg {
+    font-size: ${(props) => props.theme.fontSizeLarge};
+  }
 `;
 
 const StyledViewSection = styled.div`
@@ -75,7 +79,7 @@ function TableHeader({
       <StyledTableHeader>
         <StyledViewSection>
           <StyledIcon>
-            {viewIcon && <FontAwesomeIcon icon={viewIcon} size="lg" />}
+            {viewIcon && <FontAwesomeIcon icon={viewIcon} />}
           </StyledIcon>
           {viewName}
         </StyledViewSection>