diff --git a/examples/assets/logo.svg b/examples/assets/logo.svg
new file mode 100644
index 00000000..71123822
--- /dev/null
+++ b/examples/assets/logo.svg
@@ -0,0 +1,24 @@
+
diff --git a/examples/assets/radix-icon_128x128.png b/examples/assets/radix-icon_128x128.png
deleted file mode 100644
index af4dd6aa..00000000
Binary files a/examples/assets/radix-icon_128x128.png and /dev/null differ
diff --git a/examples/components/Layout.tsx b/examples/components/Layout.tsx
index 1585573b..7af8a289 100644
--- a/examples/components/Layout.tsx
+++ b/examples/components/Layout.tsx
@@ -85,8 +85,9 @@ function SideNav(props: BoxProps) {
borderColor: 'divider',
display: {
xs: 'none',
- sm: 'initial',
+ sm: 'flex',
},
+ flexDirection: 'column',
},
...(Array.isArray(props.sx) ? props.sx : [props.sx]),
]}
@@ -155,6 +156,8 @@ function SideDrawer({
height: '100%',
p: 2,
boxShadow: 'lg',
+ display: 'flex',
+ flexDirection: 'column',
bgcolor: 'background.surface',
}}
>
diff --git a/examples/layouts/Header.tsx b/examples/layouts/Header.tsx
index 5aef0e06..32c187d3 100644
--- a/examples/layouts/Header.tsx
+++ b/examples/layouts/Header.tsx
@@ -1,9 +1,8 @@
// @ts-ignore
-import radixLogo from '../assets/radix-icon_128x128.png'
+import radixLogo from '../assets/logo.svg'
import * as React from 'react'
import '@radixdlt/dapps-dropdown'
import Box from '@mui/joy/Box'
-import Typography from '@mui/joy/Typography'
import IconButton from '@mui/joy/IconButton'
import Layout from '../components/Layout'
import MenuIcon from '@mui/icons-material/Menu'
@@ -52,14 +51,11 @@ export const Header = ({
-
- Radix dApp Sandbox
-
{
const [drawerOpen, setDrawerOpen] = React.useState(false)
@@ -16,6 +17,9 @@ export const Page = () => {
{drawerOpen && (
setDrawerOpen(false)}>
+
+ Privacy Policy
+
)}
{
+
+ Privacy Policy
+