diff --git a/src/webapp/components/navigation/backButton/BackButton.tsx b/src/webapp/components/navigation/backButton/BackButton.tsx
index b0f412b8..1b90db12 100644
--- a/src/webapp/components/navigation/backButton/BackButton.tsx
+++ b/src/webapp/components/navigation/backButton/BackButton.tsx
@@ -14,7 +14,7 @@ export default function BackButton() {
   return (
     <ActionIcon
       onClick={() => router.back()}
-      variant="light"
+      variant="subtle"
       size="lg"
       color="gray"
       radius={'xl'}