diff --git a/website/src/components/SideMenuLayout.tsx b/website/src/components/SideMenuLayout.tsx
index 2c5a5054..630febe5 100644
--- a/website/src/components/SideMenuLayout.tsx
+++ b/website/src/components/SideMenuLayout.tsx
@@ -16,7 +16,7 @@ export const SideMenuLayout = (props: SideMenuLayoutProps) => {
         <Box p={["3", "3", "3", "6"]} pr={["3", "3", "3", "0"]}>
           <SideMenu buttonOptions={props.menuButtonOptions} />
         </Box>
-        <Box className="overflow-y-auto p-3 lg:p-6 lg:pl-1 w-full">{props.children}</Box>
+        <Box className="p-3 lg:p-6 lg:pl-1 w-full">{props.children}</Box>
       </Box>
     </Box>
   );
diff --git a/website/src/pages/404.tsx b/website/src/pages/404.tsx
index cd43916d..412e1081 100644
--- a/website/src/pages/404.tsx
+++ b/website/src/pages/404.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Center, Link, Text, useColorMode } from "@chakra-ui/react";
+import { Box, Button, Center, Link, Text, theme, useColorModeValue } from "@chakra-ui/react";
 import { AlertTriangle } from "lucide-react";
 import Head from "next/head";
 import { EmptyState } from "src/components/EmptyState";
@@ -6,8 +6,7 @@ import { getTransparentHeaderLayout } from "src/components/Layout";
 export { getDefaultStaticProps as getStaticProps } from "src/lib/default_static_props";
 
 function Error() {
-  const { colorMode } = useColorMode();
-  const titleColor = colorMode === "light" ? "blue.500" : "blue.300";
+  const iconColor = useColorModeValue(theme.colors.blue[500], theme.colors.blue[300]);
   return (
     <>
       <Head>
@@ -20,7 +19,7 @@ function Error() {
           <Text fontSize="sm">If you were trying to contribute data but ended up here, please file a bug.</Text>
           <Button
             width="fit-content"
-            leftIcon={<AlertTriangle size={"1em"} color={titleColor} aria-hidden="true" />}
+            leftIcon={<AlertTriangle size={"1em"} color={iconColor} aria-hidden="false" />}
             variant="solid"
             size="xs"
           >
