Updated menu view for mobile.

src/components/layout/SideNav.js

@@ -9,11 +9,17 @@ export function SideNav({
   items,
   shallow = true,
   scroll = false,
+  className,
   onSelect = () => {},
 }) {
   const pathname = usePathname();
   return (
-    <Menu items={items} selectedKey={selectedKey} className={styles.menu} onSelect={onSelect}>
+    <Menu
+      items={items}
+      selectedKey={selectedKey}
+      className={classNames(styles.menu, className)}
+      onSelect={onSelect}
+    >
       {({ key, label, url }) => (
         <Item
           key={key}

src/components/metrics/ListTable.js

@@ -47,7 +47,7 @@ export function ListTable({
         <div className={styles.metric}>{metric}</div>
       </div>
       <div className={styles.body}>
-        {data?.length === 0 && <Empty />}
+        {data?.length === 0 && <Empty className={styles.empty} />}
         {virtualize && data.length > 0 ? (
           <FixedSizeList
             height={itemCount * ITEM_SIZE}

src/components/metrics/ListTable.module.css

@@ -91,6 +91,10 @@
   z-index: -1;
 }
 
+.empty {
+  min-height: 200px;
+}
+
 @media only screen and (max-width: 992px) {
   .body {
     height: auto;