diff --git a/apps/catalog/src/styles.css b/apps/catalog/src/styles.css
index e351b57..bf7d082 100644
--- a/apps/catalog/src/styles.css
+++ b/apps/catalog/src/styles.css
@@ -366,6 +366,17 @@ textarea {
   color: var(--nodedc-text-primary);
 }
 
+[data-nodedc-theme="light"] .catalog-icon-catalog .catalog-icon-tile__surface,
+[data-nodedc-theme="light"] .catalog-icon-catalog .nodedc-icon-button {
+  background: color-mix(in srgb, var(--nodedc-text-primary) 9%, white);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nodedc-text-primary) 4%, transparent);
+}
+
+[data-nodedc-theme="light"] .catalog-icon-catalog .nodedc-icon-button:hover,
+[data-nodedc-theme="light"] .catalog-icon-catalog .nodedc-icon-button:focus-visible {
+  background: color-mix(in srgb, var(--nodedc-text-primary) 13%, white);
+}
+
 .catalog-header-theme-switch {
   box-shadow: inset 0 1px 0 color-mix(in srgb, white 22%, transparent), var(--nodedc-glass-control-shadow);
 }