diff --git a/app/styles/_simple-list.scss b/app/styles/_simple-list.scss
index d3858743..770ab467 100644
--- a/app/styles/_simple-list.scss
+++ b/app/styles/_simple-list.scss
@@ -13,6 +13,7 @@ $simple-list-border-color: $neutral-border-color;
         flex-direction: row;
         align-items: center;
         gap: 0.8rem;
+        color: var(--color-text);
 
         [class^="icon-"], [class*=" icon-"] {
             flex-grow: 0;
diff --git a/app/styles/components/_list-item.scss b/app/styles/components/_list-item.scss
index 683fe9a7..e16fbe96 100644
--- a/app/styles/components/_list-item.scss
+++ b/app/styles/components/_list-item.scss
@@ -16,6 +16,7 @@ $sd-ListItem-column-border: var(--sd-colour-line--x-light);
     background-color: $sd-ListItem-background;
     transition: background-color 0.2s linear;
     flex-shrink: 0;
+    color: var(--color-text);
 
     &:hover {
         background-color: $sd-ListItem-background-hover;