diff --git a/frontend/src/components/Initializers/AdditionalInitializers.tsx b/frontend/src/components/Initializers/AdditionalInitializers.tsx
index e415eba4a7..6d9a71d75f 100644
--- a/frontend/src/components/Initializers/AdditionalInitializers.tsx
+++ b/frontend/src/components/Initializers/AdditionalInitializers.tsx
@@ -203,6 +203,7 @@ export default function AdditionalInitializers({
}
+ className={pageStyles.touchTarget}
onClick={() => setAddDialogOpen(true)}
disabled={creating || !initializerName}
>
diff --git a/frontend/src/components/Initializers/Initializers.styles.ts b/frontend/src/components/Initializers/Initializers.styles.ts
index 26489aa6d7..720a172a77 100644
--- a/frontend/src/components/Initializers/Initializers.styles.ts
+++ b/frontend/src/components/Initializers/Initializers.styles.ts
@@ -1,5 +1,7 @@
import { makeStyles, tokens } from '@fluentui/react-components'
+import { mobileTouchTargetHeight } from '@/styles/touchTargets'
+
export const useInitializersStyles = makeStyles({
root: {
display: 'flex',
@@ -52,6 +54,10 @@ export const useInitializersStyles = makeStyles({
},
addInitializerSelect: {
minWidth: '220px',
+ ...mobileTouchTargetHeight,
+ },
+ touchTarget: {
+ ...mobileTouchTargetHeight,
},
baselineList: {
display: 'flex',
diff --git a/frontend/src/components/Initializers/Initializers.tsx b/frontend/src/components/Initializers/Initializers.tsx
index 6b2c6f2f4b..f4540e8f3e 100644
--- a/frontend/src/components/Initializers/Initializers.tsx
+++ b/frontend/src/components/Initializers/Initializers.tsx
@@ -165,6 +165,7 @@ export default function Initializers() {
}
+ className={styles.touchTarget}
onClick={refreshSettings}
disabled={loading}
>