From b294957142cd19e30b1be409018b7db761011449 Mon Sep 17 00:00:00 2001
From: Krishan Patel <krishan711@gmail.com>
Date: Mon, 10 Mar 2025 16:43:30 +0000
Subject: [PATCH] .

---
 src/atoms/checkbox/component.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/atoms/checkbox/component.tsx b/src/atoms/checkbox/component.tsx
index 47263a77..d9d1db41 100644
--- a/src/atoms/checkbox/component.tsx
+++ b/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>
   );
 }