diff --git a/website/client/src/assets/scss/create-task.scss b/website/client/src/assets/scss/create-task.scss
index da2c4cc9ed..9ffb801b8b 100644
--- a/website/client/src/assets/scss/create-task.scss
+++ b/website/client/src/assets/scss/create-task.scss
@@ -15,7 +15,11 @@
     right: 0px;
 
     .task-icon {
-      width: 35%;
+      width: 30px;
+    }
+
+    .task-label {
+      margin-top: 1px;
     }
 
     .dropdown-item:hover {
diff --git a/website/client/src/components/group-plans/taskInformation.vue b/website/client/src/components/group-plans/taskInformation.vue
index 58fb84277a..f69f5abb93 100644
--- a/website/client/src/components/group-plans/taskInformation.vue
+++ b/website/client/src/components/group-plans/taskInformation.vue
@@ -59,7 +59,7 @@
               v-for="type in columns"
               :key="type"
               @click="createTask(type)"
-              class="dropdown-item d-flex pl-2 py-1"
+              class="dropdown-item d-flex px-2 py-1"
             >
               <div class="d-flex align-items-center justify-content-center task-icon">
                 <div
@@ -68,7 +68,7 @@
                   v-html="icons[type]"
                 ></div>
               </div>
-              <div class="ml-1">
+              <div class="task-label ml-2">
                 {{ $t(type) }}
               </div>
             </div>
diff --git a/website/client/src/components/tasks/user.vue b/website/client/src/components/tasks/user.vue
index f98c0c0d10..d867157a35 100644
--- a/website/client/src/components/tasks/user.vue
+++ b/website/client/src/components/tasks/user.vue
@@ -186,7 +186,7 @@
               v-for="type in columns"
               :key="type"
               @click="createTask(type)"
-              class="dropdown-item d-flex pl-2 py-1"
+              class="dropdown-item d-flex px-2 py-1"
             >
               <div class="d-flex align-items-center justify-content-center task-icon">
                 <div
@@ -195,7 +195,7 @@
                   v-html="icons[type]"
                 ></div>
               </div>
-              <div class="ml-1">
+              <div class="task-label ml-2">
                 {{ $t(type) }}
               </div>
             </div>