diff --git a/src/components/Checkbox.js b/src/components/Checkbox.js
index 5ce90473bbdd..0a023b7b4fb4 100644
--- a/src/components/Checkbox.js
+++ b/src/components/Checkbox.js
@@ -72,7 +72,7 @@ function Checkbox(props) {
             onPress={firePressHandlerOnClick}
             onMouseDown={props.onMouseDown}
             ref={props.forwardedRef}
-            style={props.style}
+            style={[props.style, styles.checkboxPressable]}
             onKeyDown={handleSpaceKey}
             accessibilityRole="checkbox"
             accessibilityState={{checked: props.isChecked}}
@@ -89,8 +89,6 @@ function Checkbox(props) {
                         props.disabled && styles.cursorDisabled,
                         props.isChecked && styles.borderColorFocus,
                     ]}
-                    // Used as CSS selector to customize focus-visible style
-                    dataSet={{checkbox: true}}
                 >
                     {props.isChecked && (
                         <Icon
diff --git a/src/components/ReportActionItem/TaskPreview.js b/src/components/ReportActionItem/TaskPreview.js
index 182c931ebd16..2e47d7ae471e 100644
--- a/src/components/ReportActionItem/TaskPreview.js
+++ b/src/components/ReportActionItem/TaskPreview.js
@@ -68,7 +68,7 @@ function TaskPreview(props) {
             accessibilityRole="button"
             accessibilityLabel={props.translate('newTaskPage.task')}
         >
-            <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter]}>
+            <View style={[styles.flex1, styles.flexRow, styles.alignItemsStart]}>
                 <Checkbox
                     style={[styles.mr2]}
                     containerStyle={[styles.taskCheckbox]}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index c42c1a77c07f..ab775bed72c7 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2453,13 +2453,20 @@ const styles = {
         alignItems: 'center',
     },
 
+    checkboxPressable: {
+        borderRadius: 6,
+        padding: 2,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+
     checkboxContainer: {
         backgroundColor: themeColors.componentBG,
-        borderRadius: 2,
+        borderRadius: 4,
         height: 20,
         width: 20,
-        borderColor: themeColors.icon,
-        borderWidth: 1,
+        borderColor: themeColors.borderLighter,
+        borderWidth: 2,
         justifyContent: 'center',
         alignItems: 'center',
     },
diff --git a/web/index.html b/web/index.html
index 3dfeed27a4d2..90011c87e7a9 100644
--- a/web/index.html
+++ b/web/index.html
@@ -64,9 +64,6 @@
         select:focus-visible, select:focus[data-focusvisible-polyfill]  {
             box-shadow: none;
         }
-        div[role="checkbox"]:focus-visible > div[data-checkbox], div[role="checkbox"]:focus[data-focusvisible-polyfill] > div[data-checkbox] {
-            border-color: #03D47C !important;
-        }
         ::-ms-reveal {
             display: none;
         }