diff --git a/src/views/list/views/Kanban.vue b/src/views/list/views/Kanban.vue
index 032cc0c71..3b3dc4b6f 100644
--- a/src/views/list/views/Kanban.vue
+++ b/src/views/list/views/Kanban.vue
@@ -593,7 +593,6 @@ export default {
 </script>
 
 <style lang="scss">
-$bucket-background: var(--grey-100);
 $ease-out: all .3s cubic-bezier(0.23, 1, 0.32, 1);
 $bucket-width: 300px;
 $bucket-header-height: 60px;
@@ -636,7 +635,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 	}
 
 	.bucket {
-		background-color: $bucket-background;
+		background-color: var(--grey-100);
 		border-radius: $radius;
 		position: relative;
 
@@ -685,7 +684,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 			padding-right: 1rem;
 
 			.button {
-				background: $bucket-background;
+				background: var(--grey-100);
 				width: 100%;
 			}
 		}