diff --git a/src/styles/components/tasks.scss b/src/styles/components/tasks.scss
index 91e78142..db9ed108 100644
--- a/src/styles/components/tasks.scss
+++ b/src/styles/components/tasks.scss
@@ -285,6 +285,7 @@
   color: $text;
   cursor: default;
   z-index: 10;
+  box-shadow: $shadow-lg;
 
   input.input {
     display: none;
diff --git a/src/views/list/views/List.vue b/src/views/list/views/List.vue
index f218fbee..f799b70e 100644
--- a/src/views/list/views/List.vue
+++ b/src/views/list/views/List.vue
@@ -51,7 +51,7 @@
 			/>
 		</div>
 
-		<card :padding="false" :has-content="false">
+		<card :padding="false" :has-content="false" class="has-overflow">
 			<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">
diff --git a/src/views/tasks/ShowTasks.vue b/src/views/tasks/ShowTasks.vue
index 12ccb206..82dbdf0e 100644
--- a/src/views/tasks/ShowTasks.vue
+++ b/src/views/tasks/ShowTasks.vue
@@ -40,7 +40,7 @@
 		</template>
 		<div :class="{ 'is-loading': taskService.loading}" class="spinner"></div>
 
-		<card :padding="false" :has-content="false" v-if="tasks && tasks.length > 0">
+		<card :padding="false" class="has-overflow" :has-content="false" v-if="tasks && tasks.length > 0">
 			<div class="tasks">
 				<single-task-in-list
 					:key="t.id"