diff --git a/src/views/list/views/Kanban.vue b/src/views/list/views/Kanban.vue
index c1271a38b..032cc0c71 100644
--- a/src/views/list/views/Kanban.vue
+++ b/src/views/list/views/Kanban.vue
@@ -636,7 +636,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 	}
 
 	.bucket {
-		background-color: var(--bucket-background);
+		background-color: $bucket-background;
 		border-radius: $radius;
 		position: relative;
 
@@ -685,7 +685,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 			padding-right: 1rem;
 
 			.button {
-				background: var(--bucket-background);
+				background: $bucket-background;
 				width: 100%;
 			}
 		}