diff --git a/clide/widgets/components/jira_view.py b/clide/widgets/components/jira_view.py
index e969c626..8e574a0a 100644
--- a/clide/widgets/components/jira_view.py
+++ b/clide/widgets/components/jira_view.py
@@ -12,7 +12,7 @@ class JiraView(Vertical):
     DEFAULT_CSS = """
     JiraView {
         height: 1fr;
-        background: $background;
+        background: $surface;
     }
 
     JiraView .jira-header {
diff --git a/clide/widgets/components/problems_view.py b/clide/widgets/components/problems_view.py
index de40520e..515b221d 100644
--- a/clide/widgets/components/problems_view.py
+++ b/clide/widgets/components/problems_view.py
@@ -42,7 +42,7 @@ class ProblemsView(TileListView):
     DEFAULT_CSS = """
     ProblemsView {
         height: 1fr;
-        background: $background;
+        background: $surface;
     }
 
     ProblemsView .problems-header {
diff --git a/clide/widgets/components/todos_view.py b/clide/widgets/components/todos_view.py
index 215df61a..52e4e7b9 100644
--- a/clide/widgets/components/todos_view.py
+++ b/clide/widgets/components/todos_view.py
@@ -97,7 +97,7 @@ class TodosView(TileListView):
     DEFAULT_CSS = """
     TodosView {
         height: 1fr;
-        background: $background;
+        background: $surface;
     }
 
     TodosView TabbedContent {