diff --git a/src/webapp/app/page.tsx b/src/webapp/app/page.tsx
index 5d01945a..601da013 100644
--- a/src/webapp/app/page.tsx
+++ b/src/webapp/app/page.tsx
@@ -114,7 +114,7 @@ function Content() {
                     component={Link}
                     href="/login"
                     size="lg"
-                    color="dark"
+                    color="var(--mantine-color-dark-filled)"
                     rightSection={<BiRightArrowAlt size={22} />}
                   >
                     Log in
diff --git a/src/webapp/features/auth/components/loginForm/LoginForm.tsx b/src/webapp/features/auth/components/loginForm/LoginForm.tsx
index 37795e7f..3cddc73c 100644
--- a/src/webapp/features/auth/components/loginForm/LoginForm.tsx
+++ b/src/webapp/features/auth/components/loginForm/LoginForm.tsx
@@ -177,7 +177,7 @@ export default function LoginForm() {
             <Button
               type="submit"
               size="lg"
-              color="dark"
+              color="var(--mantine-color-dark-filled)"
               fullWidth
               rightSection={<BiRightArrowAlt size={22} />}
               loading={isLoading}
@@ -226,7 +226,7 @@ export default function LoginForm() {
           <Button
             type="submit"
             size="lg"
-            color="dark"
+            color="var(--mantine-color-dark-filled)"
             fullWidth
             rightSection={<BiRightArrowAlt size={22} />}
             loading={isLoading}
diff --git a/src/webapp/features/auth/components/signUpForm/SignUpForm.tsx b/src/webapp/features/auth/components/signUpForm/SignUpForm.tsx
index b272bba3..c18c0053 100644
--- a/src/webapp/features/auth/components/signUpForm/SignUpForm.tsx
+++ b/src/webapp/features/auth/components/signUpForm/SignUpForm.tsx
@@ -9,7 +9,7 @@ export default function SignUpForm() {
         href="https://bsky.app/"
         target="_blank"
         size="lg"
-        color="dark"
+        color="var(--mantine-color-dark-filled)"
         leftSection={<FaBluesky size={22} />}
       >
         Sign up on Bluesky
diff --git a/src/webapp/features/semble/containers/sembleContainer/SembleContainer.tsx b/src/webapp/features/semble/containers/sembleContainer/SembleContainer.tsx
index 8a2750b6..50766530 100644
--- a/src/webapp/features/semble/containers/sembleContainer/SembleContainer.tsx
+++ b/src/webapp/features/semble/containers/sembleContainer/SembleContainer.tsx
@@ -9,7 +9,7 @@ interface Props {
   url: string;
 }
 
-export default async function SembleContainer(props: Props) {
+export default function SembleContainer(props: Props) {
   return (
     <Container p={0} fluid>
       <SembleHeaderBackground />