layout

src/components/PageLayout.jsx

@@ -38,10 +38,11 @@ export default function PageLayout({ title, subNav, basePath, children }) {
                   sx={(theme) => ({
                     width: 80,
                     height: 80,
+                    borderRadius: '50%',
                     color: theme.palette.text.secondary,
                     bgcolor: 'transparent',
                     '&:hover': {
-                      bgcolor: 'transparent',
+                      bgcolor: theme.palette.action.hover,
                       color: theme.palette.primary.main,
                     },
                     '&.active': {

src/index.css

@@ -4,3 +4,9 @@ body,
   min-height: 100%;
   background-color: #dceeea;
 }
+
+html,
+body {
+  overscroll-behavior-y: none;
+  touch-action: manipulation;
+}