Fiddle: small correction for checkbox (#222)

Author: krishan711

src/atoms/checkbox/component.tsx

@@ -122,12 +122,12 @@ const StyledHiddenCheckbox = styled.input`
   clip: rect(0 0 0 0);
   clippath: inset(50%);
   height: 1px;
+  width: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   white-space: nowrap;
-  width: 1px;
 `;
 
 const StyledCheckbox = styled.div`
@@ -138,6 +138,12 @@ const StyledCheckbox = styled.div`
   height: 1em;
 `;
 
+const StyledText = styled.span`
+  cursor: pointer;
+  flex-basis: 0;
+  flex-grow: 1;
+`;
+
 interface ICheckBoxProps extends IComponentProps<ICheckboxTheme> {
   text: string;
   isChecked: boolean;
@@ -178,7 +184,7 @@ export function Checkbox({
         )}
       </StyledCheckbox>
       <Spacing variant={props.gutter || PaddingSize.Default} />
-      { props.text }
+      <StyledText>{ props.text }</StyledText>
     </StyledContainer>
   );
 }