diff --git a/src/styles/components/list.scss b/src/styles/components/list.scss
index 5456ce921e..f5ac935a4d 100644
--- a/src/styles/components/list.scss
+++ b/src/styles/components/list.scss
@@ -28,9 +28,13 @@
   }
 }
 
-.task-add .button {
-  padding: 10px 1rem;
-  height: 40px;
+.task-add {
+  padding: 1rem 1rem 0;
+  margin-bottom: 0;
+
+  .button {
+    height: 40px;
+  }
 }
 
 .list-title {
diff --git a/src/styles/components/tasks.scss b/src/styles/components/tasks.scss
index c779355112..91e781424b 100644
--- a/src/styles/components/tasks.scss
+++ b/src/styles/components/tasks.scss
@@ -39,6 +39,10 @@
     margin: 0 .5rem;
     border-radius: $radius;
 
+    &:first-child {
+      margin-top: .5rem;
+    }
+
     &:last-child {
       margin-bottom: .5rem;
     }
diff --git a/src/views/list/views/List.vue b/src/views/list/views/List.vue
index 4f979355be..f218fbeee6 100644
--- a/src/views/list/views/List.vue
+++ b/src/views/list/views/List.vue
@@ -52,7 +52,7 @@
 		</div>
 
 		<card :padding="false" :has-content="false">
-			<div class="field task-add p-4 mb-0" v-if="!list.isArchived && canWrite && list.id > 0">
+			<div class="field task-add" v-if="!list.isArchived && canWrite && list.id > 0">
 				<div class="field is-grouped">
 					<p :class="{ 'is-loading': taskService.loading}" class="control has-icons-left is-expanded">
 						<input