diff --git a/src/components/ExampleCheckbox.tsx b/src/components/ExampleCheckbox.tsx
index 1cacaf671a..8bf287841f 100644
--- a/src/components/ExampleCheckbox.tsx
+++ b/src/components/ExampleCheckbox.tsx
@@ -10,7 +10,7 @@ export const ExampleCheckbox: React.FC<
}
> = ({ id, showTouchIndicator, pseudoFocusColor }) => {
const theme = useTheme()
- const checkboxSize = '1em'
+ const checkboxSize = '15px'
return (
@@ -25,6 +25,7 @@ export const ExampleCheckbox: React.FC<
marginTop: '8px',
marginBottom: '8px',
marginRight: '12px',
+ marginLeft: '4px',
width: checkboxSize,
height: checkboxSize,
}}
@@ -32,7 +33,7 @@ export const ExampleCheckbox: React.FC<
type="checkbox"
/>
{/* Position the touch indicator to be centered over the checkbox */}
- {showTouchIndicator &&
}
+ {showTouchIndicator &&
}
{/* If we are showing the psuedo touch indicator, also show the pseudo-focus for the checkbox */}
{showTouchIndicator && (
> = ({
const styles: React.CSSProperties = {
position: 'absolute',
- height: '36px',
- width: '36px',
+ height: '37px',
+ width: '37px',
background: `radial-gradient(circle, ${hover} 0%, ${selected} 100%)`,
stroke: theme.palette.divider,
filter: 'drop-shadow(0 2px 8px rgba(0, 0, 0, 0.12))',
diff --git a/src/views/oauth/experiments/PredirectInstructions.tsx b/src/views/oauth/experiments/PredirectInstructions.tsx
index d5f82e0c9a..dd796a772b 100644
--- a/src/views/oauth/experiments/PredirectInstructions.tsx
+++ b/src/views/oauth/experiments/PredirectInstructions.tsx
@@ -127,8 +127,8 @@ function PredirectInstructions(
const isLastItem = index === checkboxItems.length - 1
return (
- <>
-
+
+
- {!isLastItem && }
- >
+ {!isLastItem && }
+
)
})}