diff --git a/client/templates/Gengar/widgets/Masthead.tsx b/client/templates/Gengar/widgets/Masthead.tsx
index 8b41edc8..90af0dc9 100644
--- a/client/templates/Gengar/widgets/Masthead.tsx
+++ b/client/templates/Gengar/widgets/Masthead.tsx
@@ -83,7 +83,7 @@ export const MastheadSidebar: React.FC = () => {
             icon={getProfileIcon(network)}
             link={url && addHttp(url)}
             className="!gap-2 text-xs"
-            textClassName="invert"
+            textClassName={clsx({ invert: contrast === 'light' })}
           >
             {username}
           </DataDisplay>