diff --git a/frontend/src/components/Activities.vue b/frontend/src/components/Activities.vue
index 2ffde9a1..339e0d57 100644
--- a/frontend/src/components/Activities.vue
+++ b/frontend/src/components/Activities.vue
@@ -476,6 +476,7 @@
       label="Send email"
       @click="$refs.emailBox.show = true"
     />
+    <Button v-else-if="title == 'Tasks'" variant="solid" label="Create task" />
   </div>
   <CommunicationArea
     ref="emailBox"
@@ -490,6 +491,7 @@ import UserAvatar from '@/components/UserAvatar.vue'
 import EmailIcon from '@/components/Icons/EmailIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import NoteIcon from '@/components/Icons/NoteIcon.vue'
+import TaskIcon from '@/components/Icons/TaskIcon.vue'
 import DurationIcon from '@/components/Icons/DurationIcon.vue'
 import PlayIcon from '@/components/Icons/PlayIcon.vue'
 import LeadsIcon from '@/components/Icons/LeadsIcon.vue'
@@ -682,6 +684,8 @@ const emptyText = computed(() => {
     text = 'No call logs'
   } else if (props.title == 'Notes') {
     text = 'No notes'
+  } else if (props.title == 'Tasks') {
+    text = 'No tasks'
   }
   return text
 })
@@ -692,6 +696,8 @@ const emptyTextIcon = computed(() => {
     icon = PhoneIcon
   } else if (props.title == 'Notes') {
     icon = NoteIcon
+  } else if (props.title == 'Tasks') {
+    icon = TaskIcon
   }
   return h(icon, { class: 'text-gray-500' })
 })
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index 36f6e114..2d4aea52 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -342,6 +342,7 @@
 import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
 import EmailIcon from '@/components/Icons/EmailIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
+import TaskIcon from '@/components/Icons/TaskIcon.vue'
 import NoteIcon from '@/components/Icons/NoteIcon.vue'
 import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
 import CameraIcon from '@/components/Icons/CameraIcon.vue'
@@ -446,6 +447,10 @@ const tabs = [
     label: 'Calls',
     icon: PhoneIcon,
   },
+  {
+    label: 'Tasks',
+    icon: TaskIcon,
+  },
   {
     label: 'Notes',
     icon: NoteIcon,
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 7f5f95de..0d3e9659 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -314,6 +314,7 @@
 import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
 import EmailIcon from '@/components/Icons/EmailIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
+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'
@@ -347,6 +348,7 @@ import { ref, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import CameraIcon from '../components/Icons/CameraIcon.vue'
 
+
 const { getUser, users } = usersStore()
 const { contacts } = contactsStore()
 const router = useRouter()
@@ -423,6 +425,10 @@ const tabs = [
     label: 'Calls',
     icon: PhoneIcon,
   },
+  {
+    label: 'Tasks',
+    icon: TaskIcon,
+  },
   {
     label: 'Notes',
     icon: NoteIcon,