diff --git a/frontend/src/components/Icons/ArrowUpRightIcon.vue b/frontend/src/components/Icons/ArrowUpRightIcon.vue
new file mode 100644
index 00000000..865d6261
--- /dev/null
+++ b/frontend/src/components/Icons/ArrowUpRightIcon.vue
@@ -0,0 +1,16 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.9998 3.5H4.92871C4.65257 3.5 4.42871 3.72386 4.42871 4C4.42871 4.27614 4.65257 4.5 4.92871 4.5H10.7929L3.64645 11.6464C3.45118 11.8417 3.45118 12.1583 3.64645 12.3536C3.84171 12.5488 4.15829 12.5488 4.35355 12.3536L11.4998 5.20733V11.0711C11.4998 11.3472 11.7236 11.5711 11.9998 11.5711C12.2759 11.5711 12.4998 11.3472 12.4998 11.0711V4.0149C12.5037 3.88202 12.455 3.74787 12.3536 3.64645C12.281 3.57388 12.1917 3.52828 12.098 3.50965C12.0813 3.50632 12.0643 3.50383 12.0471 3.50221C12.0336 3.50095 12.02 3.50022 12.0062 3.50004C12.0041 3.50001 12.0019 3.5 11.9998 3.5Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/frontend/src/components/SectionFields.vue b/frontend/src/components/SectionFields.vue
index 3aae41c7..d6e7ca7a 100644
--- a/frontend/src/components/SectionFields.vue
+++ b/frontend/src/components/SectionFields.vue
@@ -21,7 +21,10 @@
             ].includes(field.type)
           "
           class="form-control"
-          :class="{ '[&_input]:text-gray-500': field.type === 'date' && !data[field.name] }"
+          :class="{
+            '[&_input]:text-gray-500':
+              field.type === 'date' && !data[field.name],
+          }"
           :type="field.type"
           :value="data[field.name]"
           :placeholder="field.placeholder"
@@ -63,9 +66,9 @@
           @change.stop="emit('update', field.name, $event.target.value)"
         />
       </div>
-      <ExternalLinkIcon
+      <ArrowUpRightIcon
         v-if="field.type === 'link' && field.link && data[field.name]"
-        class="h-4 w-4 shrink-0 cursor-pointer text-gray-600"
+        class="h-4 w-4 shrink-0 cursor-pointer text-gray-600 hover:text-gray-800"
         @click="field.link(data[field.name])"
       />
     </div>
@@ -73,7 +76,7 @@
 </template>
 
 <script setup>
-import ExternalLinkIcon from '@/components/Icons/ExternalLinkIcon.vue'
+import ArrowUpRightIcon from '@/components/Icons/ArrowUpRightIcon.vue'
 import Link from '@/components/Controls/Link.vue'
 import { FormControl, Tooltip } from 'frappe-ui'
 import { defineModel } from 'vue'
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index cb9b3dd8..a62c99cc 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -190,7 +190,7 @@
                                 })
                               "
                             >
-                              <ExternalLinkIcon class="h-4 w-4" />
+                              <ArrowUpRightIcon class="h-4 w-4" />
                             </Button>
                             <Button variant="ghost" @click="toggle()">
                               <FeatherIcon
@@ -262,7 +262,7 @@ import TaskIcon from '@/components/Icons/TaskIcon.vue'
 import NoteIcon from '@/components/Icons/NoteIcon.vue'
 import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
 import LinkIcon from '@/components/Icons/LinkIcon.vue'
-import ExternalLinkIcon from '@/components/Icons/ExternalLinkIcon.vue'
+import ArrowUpRightIcon from '@/components/Icons/ArrowUpRightIcon.vue'
 import SuccessIcon from '@/components/Icons/SuccessIcon.vue'
 import LayoutHeader from '@/components/LayoutHeader.vue'
 import Activities from '@/components/Activities.vue'