diff --git a/apps/web/src/components/route-container/index.tsx b/apps/web/src/components/route-container/index.tsx
index 561a98a73..2fded9d01 100644
--- a/apps/web/src/components/route-container/index.tsx
+++ b/apps/web/src/components/route-container/index.tsx
@@ -102,7 +102,11 @@ function Header(props: RouteContainerProps) {
     );
 
   return (
-    <Flex mx={2} sx={{ alignItems: "center", justifyContent: "space-between" }}>
+    <Flex
+      className="route-container-header"
+      mx={2}
+      sx={{ alignItems: "center", justifyContent: "space-between" }}
+    >
       <Flex py={1} sx={{ alignItems: "center", justifyContent: "center" }}>
         {buttons?.back ? (
           <ArrowLeft
diff --git a/apps/web/src/navigation/routes.tsx b/apps/web/src/navigation/routes.tsx
index c457cebdb..f273eaec0 100644
--- a/apps/web/src/navigation/routes.tsx
+++ b/apps/web/src/navigation/routes.tsx
@@ -36,7 +36,7 @@ type RouteResult = {
   key: string;
   type: "notes" | "notebooks" | "reminders" | "trash" | "tags";
   title?: string | (() => Promise<string | undefined>);
-  component: React.ReactNode;
+  component: React.FunctionComponent;
   props?: any;
   buttons?: RouteContainerButtons;
 };