diff --git a/src/declaration.d.ts b/src/declaration.d.ts
index 24e251da..1fdeea07 100644
--- a/src/declaration.d.ts
+++ b/src/declaration.d.ts
@@ -1,5 +1,10 @@
 // declaration.d.ts
 
+import type { Hyper } from "@macrostrat/hyper";
+
+// Union of hyper and record
+type StyledHyper = Hyper & Record<string, string>;
+
 // Style modules
 declare module "*.module.styl" {
   const classes: { [key: string]: string };
@@ -11,7 +16,7 @@ declare module "*.styl" {
   export default content;
 }
 
-// Style modules
+// Override declarations for sass module
 declare module "*.module.sass" {
   const classes: { [key: string]: string };
   export default classes;
diff --git a/src/pages/map/map-interface/map-page/index.ts b/src/pages/map/map-interface/map-page/index.ts
index 9c9e8bd0..3f31cab6 100644
--- a/src/pages/map/map-interface/map-page/index.ts
+++ b/src/pages/map/map-interface/map-page/index.ts
@@ -16,7 +16,6 @@ import {
   useContextPanelOpen,
 } from "../app-state";
 import Searchbar from "../components/navbar";
-import styles from "./main.module.styl";
 import MapContainer from "./map-view";
 import { MenuPage } from "./menu";
 import { info } from "console";
@@ -25,7 +24,7 @@ const ElevationChart = loadable(() => import("../components/elevation-chart"));
 const InfoDrawer = loadable(() => import("../components/info-drawer"));
 const Menu = loadable(() => import("./menu"));
 
-const h = hyper.styled(styles);
+import h from "./main.module.styl";
 
 function MapView(props) {
   return h(