diff --git a/src/webapp/features/cards/components/urlCard/UrlCard.tsx b/src/webapp/features/cards/components/urlCard/UrlCard.tsx
index b9dda22b..33bc3a1a 100644
--- a/src/webapp/features/cards/components/urlCard/UrlCard.tsx
+++ b/src/webapp/features/cards/components/urlCard/UrlCard.tsx
@@ -67,7 +67,7 @@ export default function UrlCard(props: Props) {
               </Anchor>
             </Tooltip>
             {props.cardContent.title && (
-              <Text fw={500} lineClamp={2}>
+              <Text fw={500} lineClamp={2} c={'var(--mantine-color-bright)'}>
                 {props.cardContent.title}
               </Text>
             )}
diff --git a/src/webapp/features/collections/components/collectionCard/CollectionCard.tsx b/src/webapp/features/collections/components/collectionCard/CollectionCard.tsx
index 4a910723..c562213f 100644
--- a/src/webapp/features/collections/components/collectionCard/CollectionCard.tsx
+++ b/src/webapp/features/collections/components/collectionCard/CollectionCard.tsx
@@ -34,7 +34,7 @@ export default function CollectionCard(props: Props) {
     >
       <Stack justify="space-between" h={'100%'}>
         <Stack gap={0}>
-          <Text fw={500} lineClamp={1}>
+          <Text fw={500} lineClamp={1} c={'var(--mantine-color-bright)'}>
             {collection.name}
           </Text>
           {collection.description && (
diff --git a/src/webapp/features/feeds/components/feedActivityStatus/FeedActivityStatus.tsx b/src/webapp/features/feeds/components/feedActivityStatus/FeedActivityStatus.tsx
index 90c13d7b..76370ac3 100644
--- a/src/webapp/features/feeds/components/feedActivityStatus/FeedActivityStatus.tsx
+++ b/src/webapp/features/feeds/components/feedActivityStatus/FeedActivityStatus.tsx
@@ -41,7 +41,12 @@ export default function FeedActivityStatus(props: Props) {
 
     return (
       <Text fw={500}>
-        <Text component={Link} href={`/profile/${props.user.handle}`} fw={600}>
+        <Text
+          component={Link}
+          href={`/profile/${props.user.handle}`}
+          fw={600}
+          c={'var(--mantine-color-bright)'}
+        >
           {sanitizeText(props.user.name)}
         </Text>{' '}
         {collections.length === 0 ? (
diff --git a/src/webapp/features/profile/components/profileMenu/ProfileMenu.tsx b/src/webapp/features/profile/components/profileMenu/ProfileMenu.tsx
index 519232e1..ed134bfd 100644
--- a/src/webapp/features/profile/components/profileMenu/ProfileMenu.tsx
+++ b/src/webapp/features/profile/components/profileMenu/ProfileMenu.tsx
@@ -70,7 +70,7 @@ export default function ProfileMenu() {
         <Menu.Target>
           <Button
             variant="subtle"
-            color={computedColorScheme === 'dark' ? 'gray' : 'dark'}
+            color={'var(--mantine-color-bright)'}
             fz="md"
             radius="md"
             size="lg"