From 805afe1a9da2008e567173ae31989b1c72b4bddd Mon Sep 17 00:00:00 2001
From: David Colon <38386583+Da-Colon@users.noreply.github.com>
Date: Fri, 19 Apr 2024 21:22:52 -0400
Subject: [PATCH] replace `sx` property with `backdropFilter`

---
 src/components/ui/page/Layout/index.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/ui/page/Layout/index.tsx b/src/components/ui/page/Layout/index.tsx
index cf993b2899..1098e8ac30 100644
--- a/src/components/ui/page/Layout/index.tsx
+++ b/src/components/ui/page/Layout/index.tsx
@@ -34,12 +34,7 @@ export default function Layout() {
       <GridItem area={'header'}>
         <Box
           bg="#26212AD6"
-          h="4rem"
-          sx={{
-            '& > *': {
-              backdropFilter: 'blur(12px)',
-            },
-          }}
+          backdropFilter="blur(12px)"
           position="fixed"
           zIndex={5}
           w="full"