diff --git a/src/extensions/surveys/components/PostHogLogo.tsx b/src/extensions/surveys/components/PostHogLogo.tsx
index 7ca382f96..92470af19 100644
--- a/src/extensions/surveys/components/PostHogLogo.tsx
+++ b/src/extensions/surveys/components/PostHogLogo.tsx
@@ -1,8 +1,17 @@
 import { IconPosthogLogo } from '../icons'
+// import { getContrastingTextColor } from '../surveys-utils'
 
 export function PostHogLogo() {
+    // const textColor = getContrastingTextColor(backgroundColor)
+
     return (
-        <a href="https://posthog.com" target="_blank" rel="noopener" className="footer-branding">
+        <a
+            href="https://posthog.com"
+            target="_blank"
+            rel="noopener"
+            // style={{ backgroundColor: backgroundColor, color: textColor }}
+            className="footer-branding"
+        >
             Survey by {IconPosthogLogo}
         </a>
     )
diff --git a/src/extensions/surveys/surveys-utils.tsx b/src/extensions/surveys/surveys-utils.tsx
index b847eb57b..1a764d1d7 100644
--- a/src/extensions/surveys/surveys-utils.tsx
+++ b/src/extensions/surveys/surveys-utils.tsx
@@ -133,6 +133,8 @@ export const style = (appearance: SurveyAppearance | null) => {
               font-weight: 500;
               background: ${appearance?.backgroundColor || '#eeeded'};
               text-decoration: none;
+              backgroundColor: ${appearance?.backgroundColor || '#eeeded'};
+              color: ${getContrastingTextColor(appearance?.backgroundColor || '#eeeded')};
           }
           .survey-question {
               font-weight: 500;