diff --git a/src/components/Layout.js b/src/components/Layout.js
index 695814497..60b01642c 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -3,9 +3,8 @@ import { makeStyles } from 'models/makeStyles';
 import dynamic from 'next/dynamic';
 import React from 'react';
 
-import Navbar from './Navbar';
-
 const App = dynamic(() => import('./App'), { ssr: false });
+const Navbar = dynamic(() => import('./Navbar'), { ssr: false });
 
 const useStyles = makeStyles()((theme) => ({
   root: {
diff --git a/src/components/LayoutMobile.js b/src/components/LayoutMobile.js
index d7d0233f6..d9c3940ea 100644
--- a/src/components/LayoutMobile.js
+++ b/src/components/LayoutMobile.js
@@ -1,13 +1,13 @@
 import Box from '@mui/material/Box';
+import log from 'loglevel';
 import { makeStyles } from 'models/makeStyles';
 import dynamic from 'next/dynamic';
 import React from 'react';
 
-import Navbar from './Navbar';
-import log from 'loglevel';
 import Drawer from './Drawer';
 
 const App = dynamic(() => import('./App'), { ssr: false });
+const Navbar = dynamic(() => import('./Navbar'), { ssr: false });
 
 const useStyles = makeStyles()((theme) => ({
   root: {
diff --git a/src/components/LayoutMobileB.js b/src/components/LayoutMobileB.js
index 2918a0a62..9329a1eba 100644
--- a/src/components/LayoutMobileB.js
+++ b/src/components/LayoutMobileB.js
@@ -1,13 +1,12 @@
 import Box from '@mui/material/Box';
+import log from 'loglevel';
 import { makeStyles } from 'models/makeStyles';
 import dynamic from 'next/dynamic';
 import React from 'react';
 
-import Navbar from './Navbar';
-import log from 'loglevel';
 import Drawer from './Drawer';
 
-const App = dynamic(() => import('./App'), { ssr: false });
+const Navbar = dynamic(() => import('./Navbar'), { ssr: false });
 
 const useStyles = makeStyles()((theme) => ({
   root: {
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 9a9504642..98db8a1d3 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -110,7 +110,7 @@ function Navbar() {
           </Button>
         </Link>
         <Link href="/">
-          <Button className={classes.buttonStyle} variant="text" component="a">
+          <Button className={classes.buttonStyle} variant="text">
             Contact Us
           </Button>
         </Link>
diff --git a/src/components/common/DataTag.js b/src/components/common/DataTag.js
index 04ea015bf..4910e58ec 100644
--- a/src/components/common/DataTag.js
+++ b/src/components/common/DataTag.js
@@ -20,7 +20,7 @@ function DataTag({ data, location }) {
         <CalendarToday sx={{ fontSize: '1.25rem' }} />
       )}
       <Typography variant="body1" sx={{ fontWeight: 700 }}>
-        {location || `Planter since`} {data}
+        {!location && `Planter since`} {data}
       </Typography>
     </Stack>
   );
diff --git a/src/pages/planters/[planterid].js b/src/pages/planters/[planterid].js
index 5f7fa1d5c..cc71483df 100644
--- a/src/pages/planters/[planterid].js
+++ b/src/pages/planters/[planterid].js
@@ -71,7 +71,7 @@ export default function Planter({ planter }) {
         map.setFilters({
           userid: planter.id,
         });
-        await map.loadInitialView();
+        await map?.loadInitialView();
         map.rerender();
       } else {
         log.warn('no data:', map, planter);
@@ -86,7 +86,7 @@ export default function Planter({ planter }) {
 
   return (
     <PageWrapper className={classes.root}>
-      <Typography variant="h2" classname={classes.textColor}>
+      <Typography variant="h2" className={classes.textColor}>
         {planter.first_name} {planter.last_name}
       </Typography>
       <Box sx={{ display: 'flex', gap: 2 }}>
@@ -183,22 +183,22 @@ export default function Planter({ planter }) {
       <Divider className={classes.divider} />
       <Typography
         variant="h4"
-        classname={classes.textColor}
+        className={classes.textColor}
         sx={{ mt: { xs: 12, md: 20 } }}
       >
         About
       </Typography>
-      <Typography variant="body1" classname={classes.textColor} mt={7}>
+      <Typography variant="body1" className={classes.textColor} mt={7}>
         {planter.about}
       </Typography>
       <Typography
         variant="h4"
-        classname={classes.textColor}
+        className={classes.textColor}
         sx={{ mt: { xs: 10, md: 16 } }}
       >
         Mission
       </Typography>
-      <Typography variant="body1" classname={classes.textColor} mt={7}>
+      <Typography variant="body1" className={classes.textColor} mt={7}>
         {planter.mission}
       </Typography>
       <Box mt={20} />