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' />
         </>
     );