diff --git a/packages/feedback/src/widget/Logo.ts b/packages/feedback/src/widget/Logo.ts
index 17333bda87ed..9e286a970961 100644
--- a/packages/feedback/src/widget/Logo.ts
+++ b/packages/feedback/src/widget/Logo.ts
@@ -33,8 +33,13 @@ export function Logo({ colorScheme }: Props): IconReturn {
   const defs = createElementNS('defs');
   const style = createElementNS('style');
 
+  style.textContent = `
+    path {
+      fill: ${colorScheme === 'dark' ? '#fff' : '#362d59'};
+    }`;
+
   if (colorScheme === 'system') {
-    style.textContent = `
+    style.textContent += `
     @media (prefers-color-scheme: dark) {
       path: {
         fill: '#fff';
@@ -43,11 +48,6 @@ export function Logo({ colorScheme }: Props): IconReturn {
     `;
   }
 
-  style.textContent = `
-    path {
-      fill: ${colorScheme === 'dark' ? '#fff' : '#362d59'};
-    }`;
-
   defs.append(style);
   svg.append(defs);