diff --git a/packages/sidenav/src/index.tsx b/packages/sidenav/src/index.tsx
index 673e0458a..8bf496b66 100644
--- a/packages/sidenav/src/index.tsx
+++ b/packages/sidenav/src/index.tsx
@@ -65,7 +65,7 @@ const Overlay = ({ onClick }: OverlayProps) => (
       }}
     />
     <Global
-      sx={{
+      styles={{
         body: {
           overflow: ['hidden', 'auto'],
         },