diff --git a/apps/icons-plugin/src/app/app.component.css b/apps/icons-plugin/src/app/app.component.css
index ae499b8..8fc6764 100644
--- a/apps/icons-plugin/src/app/app.component.css
+++ b/apps/icons-plugin/src/app/app.component.css
@@ -26,4 +26,8 @@
     grid-auto-rows: max-content;
     justify-items: center;
   }
+
+  .no-icons-found {
+    font-size: var(--font-size-s);
+  }
 }
diff --git a/apps/icons-plugin/src/app/app.component.ts b/apps/icons-plugin/src/app/app.component.ts
index 3781424..4ee0cad 100644
--- a/apps/icons-plugin/src/app/app.component.ts
+++ b/apps/icons-plugin/src/app/app.component.ts
@@ -30,6 +30,7 @@ import { PluginMessageEvent } from '../model';
     <div class="icons-list">
       @for (key of iconKeys(); track key) {
       <app-icon-button
+        [class]="theme()"
         [icon]="icons()[key]"
         (insertIcon)="this.insertIcon(key)"
       ></app-icon-button>
diff --git a/apps/icons-plugin/src/app/components/icon-button/icon-button.component.css b/apps/icons-plugin/src/app/components/icon-button/icon-button.component.css
index 88c6145..82039e5 100644
--- a/apps/icons-plugin/src/app/components/icon-button/icon-button.component.css
+++ b/apps/icons-plugin/src/app/components/icon-button/icon-button.component.css
@@ -15,3 +15,14 @@
     box-shadow: inset 0 0 0 2px var(--da-primary);
   }
 }
+
+:host {
+  &.light {
+    .icon-button {
+      &:focus,
+      &:active {
+        box-shadow: inset 0 0 0 2px var(--accent-tertiary);
+      }
+    }
+  }
+}