diff --git a/frontend/src/components/Activities/Activities.vue b/frontend/src/components/Activities/Activities.vue
index 18ae007c..f4613998 100644
--- a/frontend/src/components/Activities/Activities.vue
+++ b/frontend/src/components/Activities/Activities.vue
@@ -63,10 +63,7 @@
           </div>
         </div>
       </div>
-      <div
-        v-else-if="title == 'Tasks'"
-        class="px-3 pb-3 sm:px-10 sm:pb-5 overflow-x-auto sm:w-full w-max"
-      >
+      <div v-else-if="title == 'Tasks'" class="px-3 pb-3 sm:px-10 sm:pb-5">
         <TaskArea :modalRef="modalRef" :tasks="activities" :doctype="doctype" />
       </div>
       <div v-else-if="title == 'Calls'" class="activity">
@@ -100,7 +97,7 @@
       </div>
       <div
         v-else-if="title == 'Attachments'"
-        class="px-3 pb-3 sm:px-10 sm:pb-5 overflow-x-auto sm:w-full w-max"
+        class="px-3 pb-3 sm:px-10 sm:pb-5"
       >
         <AttachmentArea
           :attachments="activities"
diff --git a/frontend/src/components/Activities/TaskArea.vue b/frontend/src/components/Activities/TaskArea.vue
index b8d2fae8..931c0007 100644
--- a/frontend/src/components/Activities/TaskArea.vue
+++ b/frontend/src/components/Activities/TaskArea.vue
@@ -5,8 +5,8 @@
         class="activity flex cursor-pointer gap-6 rounded p-2.5 duration-300 ease-in-out hover:bg-gray-50"
         @click="modalRef.showTask(task)"
       >
-        <div class="flex flex-1 flex-col gap-1.5 text-base">
-          <div class="font-medium text-gray-900">
+        <div class="flex flex-1 flex-col gap-1.5 text-base truncate">
+          <div class="font-medium text-gray-900 truncate">
             {{ task.title }}
           </div>
           <div class="flex gap-1.5 text-gray-800">