Reverted font and fixed sample scrolling

deephaven#1634

packages/code-studio/src/styleguide/Grids.tsx

@@ -27,7 +27,6 @@ function Grids(): ReactElement {
     autoSelectRow: true,
   });
   const [contextTheme] = useState<Partial<GridThemeType>>({
-    font: '12px sans-serif',
     rowHeight: 40,
   });
   return (

packages/code-studio/src/styleguide/SamplesMenu.tsx

@@ -81,15 +81,25 @@ export function SamplesMenu(): JSX.Element {
         el.id = id;
 
         currentCategory.items.push({ id, label: el.textContent });
-
-        if (`#${id}` === window.location.hash) {
-          el.scrollIntoView();
-        }
       });
 
     setLinks(categories);
   }, []);
 
+  useEffect(() => {
+    const el =
+      window.location.hash === ''
+        ? null
+        : document.querySelector(window.location.hash);
+
+    if (el) {
+      // Give everything a chance to render before scrolling
+      setTimeout(() => {
+        el.scrollIntoView();
+      }, 0);
+    }
+  }, []);
+
   const onAction = useCallback((key: Key) => {
     const id = String(key);
     const el = document.getElementById(id);