diff --git a/solara/components/file_list_widget.vue b/solara/components/file_list_widget.vue
index 2d515bc5e..ff0d64914 100644
--- a/solara/components/file_list_widget.vue
+++ b/solara/components/file_list_widget.vue
@@ -95,9 +95,12 @@ module.exports = {
   font-weight: bold;
 }
 
-.solara-file-list-selected {
+.solara-file-list .solara-file-list-selected {
   background-color: #3333;
+}
 
+.solara-file-list .solara-file-list-selected.theme--dark {
+  background-color: #fff3;
 }
 
 .solara-file-list .v-list-item__icon,
diff --git a/solara/components/file_list_widget_v3.vue b/solara/components/file_list_widget_v3.vue
index d8894fea5..84a19ed3c 100644
--- a/solara/components/file_list_widget_v3.vue
+++ b/solara/components/file_list_widget_v3.vue
@@ -91,9 +91,12 @@ module.exports = {
   font-weight: bold;
 }
 
-.solara-file-list-selected {
+.solara-file-list .solara-file-list-selected {
   background-color: #3333;
+}
 
+.solara-file-list.v-theme--dark .solara-file-list-selected {
+  background-color: #fff3;
 }
 
 .solara-file-list .solara-file-list-row {