From eb3c245a67a9cf5fafd9beea0d8d362daeaa8454 Mon Sep 17 00:00:00 2001
From: Bill Thornton <thornbill@users.noreply.github.com>
Date: Tue, 15 Apr 2025 12:37:05 -0400
Subject: [PATCH] Fix backdrop positioning in experimental layout

---
 src/components/Backdrop.tsx | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/src/components/Backdrop.tsx b/src/components/Backdrop.tsx
index 52b6bdcc96..4a6b793fa1 100644
--- a/src/components/Backdrop.tsx
+++ b/src/components/Backdrop.tsx
@@ -1,15 +1,5 @@
-import Box from '@mui/material/Box';
 import React, { useEffect } from 'react';
 
-import layoutManager from './layoutManager';
-import { DRAWER_WIDTH } from './ResponsiveDrawer';
-
-const styles = layoutManager.experimental ? {
-    left: {
-        md: DRAWER_WIDTH
-    }
-} : {};
-
 const Backdrop = () => {
     useEffect(() => {
         // Initialize the UI components after first render
@@ -18,10 +8,7 @@ const Backdrop = () => {
 
     return (
         <>
-            <Box
-                className='backdropContainer'
-                sx={styles}
-            />
+            <div className='backdropContainer' />
             <div className='backgroundContainer' />
         </>
     );