diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index 25b62f7e..d346a019 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -68,7 +68,7 @@
                  </VueDragResize>
 			</div>
 			<template v-if="showTaskswithoutDates">
-				<div class="row" v-for="t in tasksWithoutDates" :key="t.id">
+				<div class="row" v-for="(t, k) in tasksWithoutDates" :key="t.id" :style="{background: 'repeating-linear-gradient(90deg, #ededed, #ededed 1px, ' + (k % 2 === 0 ? '#fafafa 1px, #fafafa ' : '#fff 1px, #fff ') + dayWidth + 'px)'}">
 					<VueDragResize
 							class="task nodate"
 							:isActive="true"
diff --git a/src/styles/gantt.scss b/src/styles/gantt.scss
index 3a7bda3f..3c425f8c 100644
--- a/src/styles/gantt.scss
+++ b/src/styles/gantt.scss
@@ -148,6 +148,7 @@ $gantt-vertical-border-color: lighten($grey, 45);
     min-height: 0;
     top: 10vh;
     right: 10vw;
+    z-index: 5;
 
     .card-content {
       max-height: 60vh;
diff --git a/src/styles/theme.scss b/src/styles/theme.scss
index 4afd5c73..f56b098b 100644
--- a/src/styles/theme.scss
+++ b/src/styles/theme.scss
@@ -240,6 +240,7 @@ h1,h2,h3,h4,h5,h6{
 
 .navbar.main-theme {
   background: $light-background;
+  z-index: 30 !important;
 }
 
 .switch-view {