diff --git a/src/Components/Profile/OverlayUserSettings.tsx b/src/Components/Profile/OverlayUserSettings.tsx
index 8290f52c..845131f5 100644
--- a/src/Components/Profile/OverlayUserSettings.tsx
+++ b/src/Components/Profile/OverlayUserSettings.tsx
@@ -62,7 +62,7 @@ export function OverlayUserSettings() {
 
 
     return (
-        <MapOverlayPage className='tw-mx-4 tw-mt-4 tw-max-h-[calc(100dvh-96px)] tw-h-fit md:tw-w-[calc(50%-32px)] tw-w-[calc(100%-32px)] tw-max-w-xl !tw-left-auto tw-top-0 tw-bottom-0'>
+        <MapOverlayPage backdrop className='tw-mx-4 tw-mt-4 tw-max-h-[calc(100dvh-96px)] tw-h-fit md:tw-w-[calc(50%-32px)] tw-w-[calc(100%-32px)] tw-max-w-xl !tw-left-auto tw-top-0 tw-bottom-0'>
             <div className={`tw-text-xl tw-font-semibold`}>Settings</div>
             <div className="tw-divider tw-mt-2"></div>
             <div className="tw-grid tw-grid-cols-1 tw-gap-6">