diff --git a/src/components/Checkbox.js b/src/components/Checkbox.js
index 394e73951c09..b9b7c2b76691 100644
--- a/src/components/Checkbox.js
+++ b/src/components/Checkbox.js
@@ -91,7 +91,7 @@ function Checkbox(props) {
             onPress={firePressHandlerOnClick}
             onMouseDown={props.onMouseDown}
             ref={props.forwardedRef}
-            style={[props.style, StyleUtils.getCheckboxPressableStyle(props.containerBorderRadius + 2)]} // to align outline on focus, border-radius of pressable should be 2px more than Checkbox
+            style={[StyleUtils.getCheckboxPressableStyle(props.containerBorderRadius + 2), props.style]} // to align outline on focus, border-radius of pressable should be 2px more than Checkbox
             onKeyDown={handleSpaceKey}
             accessibilityRole={CONST.ACCESSIBILITY_ROLE.CHECKBOX}
             accessibilityState={{checked: props.isChecked}}
diff --git a/src/components/CheckboxWithLabel.js b/src/components/CheckboxWithLabel.js
index 18ad0880b92c..63c067c93234 100644
--- a/src/components/CheckboxWithLabel.js
+++ b/src/components/CheckboxWithLabel.js
@@ -102,6 +102,7 @@ function CheckboxWithLabel(props) {
                     isChecked={isChecked}
                     onPress={toggleCheckbox}
                     label={props.label}
+                    style={[styles.checkboxWithLabelCheckboxStyle]}
                     hasError={Boolean(props.errorText)}
                     forwardedRef={props.forwardedRef}
                     accessibilityLabel={props.accessibilityLabel || props.label}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 572b3656ca67..b18f405a953f 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -3714,6 +3714,10 @@ const styles = (theme) => ({
     receiptDropHeaderGap: {
         backgroundColor: theme.receiptDropUIBG,
     },
+
+    checkboxWithLabelCheckboxStyle: {
+        marginLeft: -2,
+    },
 });
 
 // For now we need to export the styles function that takes the theme as an argument