diff --git a/components/common/DropDown.js b/components/common/DropDown.js
index d240fbd6..3b3be39e 100644
--- a/components/common/DropDown.js
+++ b/components/common/DropDown.js
@@ -29,7 +29,7 @@ export default function DropDown({
   }
 
   useDocumentClick(e => {
-    if (!ref.current.contains(e.target)) {
+    if (!ref.current?.contains(e.target)) {
       setShowMenu(false);
     }
   });
diff --git a/components/common/MenuButton.js b/components/common/MenuButton.js
index f3de66d0..c3e2b0ec 100644
--- a/components/common/MenuButton.js
+++ b/components/common/MenuButton.js
@@ -30,7 +30,7 @@ export default function MenuButton({
   }
 
   useDocumentClick(e => {
-    if (!ref.current.contains(e.target)) {
+    if (!ref.current?.contains(e.target)) {
       setShowMenu(false);
     }
   });
diff --git a/components/metrics/WebsiteHeader.js b/components/metrics/WebsiteHeader.js
index 023d1142..4652a034 100644
--- a/components/metrics/WebsiteHeader.js
+++ b/components/metrics/WebsiteHeader.js
@@ -10,7 +10,7 @@ import Arrow from 'assets/arrow-right.svg';
 import styles from './WebsiteHeader.module.css';
 
 export default function WebsiteHeader({ websiteId, title, domain, showLink = false }) {
-  let TitleHeader = showLink ? (
+  const header = showLink ? (
     <Link href="/website/[...id]" as={`/website/${websiteId}/${title}`}>
       <Favicon domain={domain} />
       {title}
@@ -24,7 +24,7 @@ export default function WebsiteHeader({ websiteId, title, domain, showLink = fal
 
   return (
     <PageHeader>
-      <div className={styles.title}>{TitleHeader}</div>
+      <div className={styles.title}>{header}</div>
       <ActiveUsers className={styles.active} websiteId={websiteId} />
       <ButtonLayout align="right">
         <RefreshButton websiteId={websiteId} />