diff --git a/apps/nextjs/src/app/[locale]/manage/settings/_components/settings-form.module.css b/apps/nextjs/src/app/[locale]/manage/settings/_components/settings-form.module.css
index 80e3386f4..c4e3f217b 100644
--- a/apps/nextjs/src/app/[locale]/manage/settings/_components/settings-form.module.css
+++ b/apps/nextjs/src/app/[locale]/manage/settings/_components/settings-form.module.css
@@ -16,7 +16,7 @@
   padding-inline-start: var(--mantine-spacing-xl);
 }
 
-@media (max-width: $mantine-breakpoint-sm) {
+@mixin smaller-than $mantine-breakpoint-sm {
   .list {
     max-width: calc(100vw - var(--mantine-spacing-xl));
     min-width: 0;