Keep Sidebar Content fixed

[rodrigovilla]

Hello!

I've been trying to let the Menu fixed when scrolling, but it just won't, any suggestions please?

 <Sidebar
        sidebar={
            <ul className="rooedaSidebar">
                <Link element={Link} to="/">
                    <img src={LogoRooeda} alt='Rooeda Studio' className="sidebarLogoRooeda" />
                </Link>
                <li><Link element={Link} to="/">Studio</Link></li>
                <li><Link element={Link} to="/">Instructores</Link></li>
                <li><Link element={Link} to="/pickuppack">Packs</Link></li>
                <li><Link element={Link} to="/">Calendario</Link></li>
                <li><Link element={Link} to="/login">Iniciar sesión</Link></li>
            </ul>
        }
        open={this.state.sidebarOpen}
        onSetOpen={this.onSetSidebarOpen}
        shadow={false}
        styles={{ 
            root: { },
            sidebar: { 
                background: "rgba(25,25,25, 0.70)", 
                backdropFilter: "saturate(180%) blur(20px)",
                webkitBackdropFilter: "saturate(180%) blur(20px)",
                paddingTop: "15pt",
                paddingLeft: "10pt",
                paddingRight: "90pt",
            },
            content: { overflowY: 'auto' },
            overlay: {
                backgroundColor: "rgba(25,25,25, 0.30)",
                overflow: "hidden",
            }
        }}
        >
        <div onClick={() => this.onSetSidebarOpen(true)} className="burguerMenu">
            <Menu32 />
          </div>
      </Sidebar>

Thanks in advance,
R