Fix styles for checkbox component (#3455)

airbytehq · May 19, 2021 · 2941e29 · 2941e29
1 parent da17f4e
commit 2941e29
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/airbyte-webapp/src/components/CheckBox/CheckBox.tsx b/airbyte-webapp/src/components/CheckBox/CheckBox.tsx
@@ -8,11 +8,12 @@ const CheckBoxInput = styled.input`
   width: 0;
   height: 0;
   margin: 0;
+  position: absolute;
 `;
 
 const CheckBoxContainer = styled.label`
   height: 20px;
-  width: 20px;
+  min-width: 20px;
   background: ${({ theme }) => theme.greyColor20};
   color: ${({ theme }) => theme.primaryColor};
   text-align: center;
@@ -22,6 +23,8 @@ const CheckBoxContainer = styled.label`
   display: inline-block;
   padding: 2px 0;
   cursor: pointer;
+  vertical-align: top;
+  position: relative;
 `;
 
 const CheckBox: React.FC<React.InputHTMLAttributes<HTMLInputElement>> = (