diff --git a/frontend/src/components/tools/automate/AutomationEntry.tsx b/frontend/src/components/tools/automate/AutomationEntry.tsx
index 7afd09866..f2e28ee59 100644
--- a/frontend/src/components/tools/automate/AutomationEntry.tsx
+++ b/frontend/src/components/tools/automate/AutomationEntry.tsx
@@ -30,13 +30,13 @@ export default function AutomationEntry({
       return (
         <Group gap="md" align="center" justify="flex-start" style={{ width: '100%' }}>
           {BadgeIcon && (
-            <BadgeIcon 
-              style={{ 
-                color: keepIconColor ? 'inherit' : 'var(--mantine-color-dimmed)' 
-              }} 
+            <BadgeIcon
+              style={{
+                color: keepIconColor ? 'inherit' : 'var(--mantine-color-text)'
+              }}
             />
           )}
-          <Text fw={600} size="sm" style={{ flex: 1, textAlign: 'left', color: 'var(--mantine-color-dimmed)' }}>
+          <Text size="sm" style={{ flex: 1, textAlign: 'left', color: 'var(--mantine-color-text)' }}>
             {title}
           </Text>
         </Group>
@@ -46,20 +46,21 @@ export default function AutomationEntry({
       return (
         <Group gap="md" align="center" justify="flex-start" style={{ width: '100%' }}>
           {BadgeIcon && (
-            <BadgeIcon 
-              style={{ 
-                color: keepIconColor ? 'inherit' : 'var(--mantine-color-dimmed)' 
-              }} 
+            <BadgeIcon
+              style={{
+                color: keepIconColor ? 'inherit' : 'var(--mantine-color-text)'
+              }}
             />
           )}
           <Group gap="xs" justify="flex-start" style={{ flex: 1 }}>
             {operations.map((op, index) => (
               <React.Fragment key={`${op}-${index}`}>
-                <Badge size="xs" variant="outline" style={{ color: 'var(--mantine-color-dimmed)', borderColor: 'var(--mantine-color-dimmed)' }}>
-                  {String(t(`${op}.title`, op))}
-                </Badge>
+                <Text size="sm" style={{ color: 'var(--mantine-color-text)' }}>
+                  {t(`${op}.title`, op)}
+                </Text>
+
                 {index < operations.length - 1 && (
-                  <Text size="xs" c="dimmed" style={{ color: 'var(--mantine-color-dimmed)' }}>
+                  <Text size="xs" c="dimmed" style={{ color: 'var(--mantine-color-text)' }}>
                     →
                   </Text>
                 )}
@@ -88,4 +89,4 @@ export default function AutomationEntry({
       </div>
     </Button>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/tools/automate/AutomationSelection.tsx b/frontend/src/components/tools/automate/AutomationSelection.tsx
index 9311b424a..3f32e5f6b 100644
--- a/frontend/src/components/tools/automate/AutomationSelection.tsx
+++ b/frontend/src/components/tools/automate/AutomationSelection.tsx
@@ -20,7 +20,7 @@ export default function AutomationSelection({ onSelectCustom, onSelectSuggested,
 
   return (
     <div>
-      <Title order={3} size="h4" mb="md">
+      <Title order={3} size="h4" fw={600} mb="md" style={{color: 'var(--mantine-color-dimmed)'}}>
         {t("automate.selection.saved.title", "Saved")}
       </Title>
 
@@ -42,11 +42,11 @@ export default function AutomationSelection({ onSelectCustom, onSelectSuggested,
           onClick={() => onSelectCustom()}
         />
       ))}
-      <Divider />
+      <Divider pb='sm' />
 
       {/* Suggested Automations */}
       <div>
-        <Title order={3} size="h4" mb="md">
+        <Title order={3} size="h4" fw={600} mb="md"style={ {color: 'var(--mantine-color-dimmed)'}}>
           {t("automate.selection.suggested.title", "Suggested")}
         </Title>
         <Stack gap="xs">