diff --git a/assets/icons/task-click-page.svg b/assets/icons/task-click-page.svg
new file mode 100644
index 00000000..0ac6a7f6
--- /dev/null
+++ b/assets/icons/task-click-page.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M11.562 14.3142C11.6208 14.4239 11.6362 14.5347 11.6083 14.6465C11.585 14.7581 11.5204 14.8385 11.4145 14.8878L10.2729 15.4631C10.1719 15.5166 10.0672 15.5224 9.95886 15.4806C9.85083 15.4432 9.7697 15.3695 9.71546 15.2594L6.8906 9.5955L7.53711 9.70996L5.53732 12.3058C5.44651 12.4317 5.3354 12.502 5.20399 12.5167C5.07222 12.5269 4.95528 12.4926 4.85318 12.4136C4.75107 12.3347 4.69613 12.2155 4.68835 12.0562L4.05391 2.45148C4.04754 2.31027 4.08208 2.19561 4.15753 2.10748C4.23752 2.01901 4.33676 1.97247 4.45525 1.96786C4.57793 1.95835 4.69329 2.00198 4.80135 2.09874L12.0831 8.47327C12.2009 8.57841 12.2625 8.69477 12.2678 8.82234C12.2732 8.94992 12.2337 9.06039 12.1495 9.15376C12.0653 9.24713 11.9479 9.29508 11.7973 9.29761L8.38838 9.36975L8.66541 8.78606L11.562 14.3142Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/entrypoints/sidepanel/components/Chat/Messages/AgentTaskGroup.vue b/entrypoints/sidepanel/components/Chat/Messages/AgentTaskGroup.vue
index 75bc006f..36e06f8c 100644
--- a/entrypoints/sidepanel/components/Chat/Messages/AgentTaskGroup.vue
+++ b/entrypoints/sidepanel/components/Chat/Messages/AgentTaskGroup.vue
@@ -22,7 +22,7 @@
       </motion.div>
       <div
         v-else-if="task.icon"
-        :class="classNames('shrink-0 grow-0 size-5 p-0.5', task.details?.expanded ? 'self-start' : 'self-center')"
+        :class="['shrink-0 grow-0 size-5 p-0.5 text-text-secondary', task.details?.expanded ? 'self-start' : 'self-center']"
       >
         <div v-html="getIconSvg(task.icon)" />
         <!-- vertical line -->
diff --git a/entrypoints/sidepanel/utils/chat/tool-calls/index.ts b/entrypoints/sidepanel/utils/chat/tool-calls/index.ts
index 6b0abd49..da814ab9 100644
--- a/entrypoints/sidepanel/utils/chat/tool-calls/index.ts
+++ b/entrypoints/sidepanel/utils/chat/tool-calls/index.ts
@@ -304,7 +304,7 @@ export const executePageClick: AgentToolCallExecute<'click'> = async ({ params,
   const contentFilterThreshold = userConfig.documentParser.contentFilterThreshold.get()
   const { element_id: elementId } = params
   const taskMsg = taskMessageModifier.addTaskMessage({ summary: t('chat.tool_calls.page_click.click', { content: elementId }) })
-  taskMsg.icon = 'taskReadFile'
+  taskMsg.icon = 'taskClickPage'
   const browserSession = agentStorage.getOrSetScopedItem('browserSession', () => new BrowserSession())
   hooks.addListener('onAgentFinished', () => browserSession.dispose())
   const normalizeInnerText = (text?: string) => {
diff --git a/utils/icon.ts b/utils/icon.ts
index 1c94668d..07e175fc 100644
--- a/utils/icon.ts
+++ b/utils/icon.ts
@@ -17,6 +17,7 @@ import IconWarning from '@/assets/icons/md-warning.svg?raw'
 import IconWarningColored from '@/assets/icons/md-warning-colored.svg?raw'
 import IconWritingBoxed from '@/assets/icons/md-writing-boxed.svg?raw'
 import IconPdf from '@/assets/icons/pdf-icon.svg?raw'
+import IconTaskClickPage from '@/assets/icons/task-click-page.svg?raw'
 import IconTaskFetchPage from '@/assets/icons/task-fetch-page.svg?raw'
 import IconTaskReadFile from '@/assets/icons/task-read-file.svg?raw'
 import IconTaskSearch from '@/assets/icons/task-search.svg?raw'
@@ -45,6 +46,7 @@ export const iconMap = {
   taskSearch: IconTaskSearch,
   taskReadFile: IconTaskReadFile,
   taskFetchPage: IconTaskFetchPage,
+  taskClickPage: IconTaskClickPage,
   pdf: IconPdf,
 }