diff --git a/website/client/src/components/tasks/approvalFooter.vue b/website/client/src/components/tasks/approvalFooter.vue
index 58c7cc77fe..71d54fca74 100644
--- a/website/client/src/components/tasks/approvalFooter.vue
+++ b/website/client/src/components/tasks/approvalFooter.vue
@@ -25,7 +25,7 @@
           </div>
         </div>
         <div
-          class="px-3 py-2 info"
+          class="px-75 py-2 info"
         >
           <div>
             <strong> @{{ completion.userName }} </strong>
diff --git a/website/client/src/components/tasks/task.vue b/website/client/src/components/tasks/task.vue
index 919b5abc77..7cd044fd19 100644
--- a/website/client/src/components/tasks/task.vue
+++ b/website/client/src/components/tasks/task.vue
@@ -88,7 +88,7 @@
           :class="contentClass"
         >
           <div
-            class="task-clickable-area pt-1 px-3 pb-0"
+            class="task-clickable-area pt-1 px-75 pb-0"
             :class="{ 'cursor-auto': !teamManagerAccess }"
             tabindex="0"
             @click="edit($event, task)"