diff --git a/report-app/public/frameworks/angular.png b/report-app/public/frameworks/angular.png
index 2f17323..1796e7f 100644
Binary files a/report-app/public/frameworks/angular.png and b/report-app/public/frameworks/angular.png differ
diff --git a/report-app/src/app/shared/provider-label.ts b/report-app/src/app/shared/provider-label.ts
index 10a5d2f..62b84c6 100644
--- a/report-app/src/app/shared/provider-label.ts
+++ b/report-app/src/app/shared/provider-label.ts
@@ -23,6 +23,10 @@ const exactMatches: Record<string, string> = {
       width: 24px;
       height: 24px;
     }
+
+    :host-context(.dark-mode) :host(.genkit) .logo {
+      filter: invert(1);
+    }
   `,
   template: `
     @let logo = this.logo();
@@ -33,6 +37,9 @@ const exactMatches: Record<string, string> = {
 
     {{ label() }}
   `,
+  host: {
+    '[class]': 'id()',
+  },
 })
 export class ProviderLabel {
   readonly id = input<string>();