diff --git a/package.json b/package.json
index e0dc2d3..08e8feb 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "octicons": "^7.1.0",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
-    "react-dom": "^16.8.1"
+    "react-dom": "^16.8.1",
+    "safe-touch": "^0.2.2"
   },
   "devDependencies": {
     "@types/chrome": "^0.0.77",
diff --git a/src/components/MetaBar.tsx b/src/components/MetaBar.tsx
index 6e5e5c4..7175272 100644
--- a/src/components/MetaBar.tsx
+++ b/src/components/MetaBar.tsx
@@ -1,13 +1,14 @@
 import * as React from 'react'
 import { MetaData } from 'utils/GitHubHelper'
+import { safeTouch } from 'safe-touch'
 
 type Props = {
   metaData: MetaData
 }
 
 export default function MetaBar({ metaData }: Props) {
-  const userUrl = metaData ? metaData.api && metaData.api.owner.html_url : undefined
-  const repoUrl = metaData ? metaData.api && metaData.api.html_url : undefined
+  const userUrl = safeTouch(metaData).api.owner.html_url()
+  const repoUrl = safeTouch(metaData).api.html_url()
   return (
     <div className={'meta-bar'}>
       <a className={'username'} href={userUrl}>
diff --git a/yarn.lock b/yarn.lock
index 38dc3df..c0a40d1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6576,6 +6576,11 @@ safe-regex@^1.1.0:
   dependencies:
     ret "~0.1.10"
 
+safe-touch@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/safe-touch/-/safe-touch-0.2.2.tgz#82d98bdda308a7825282e80b825c789015c96e1d"
+  integrity sha512-PW+KGMF/klqznPIgBPQhBe1bIt4DoKcK7IWJ92oOkFH4hqAIckXlkv+JyFVMJvMgvFFheHI63Q0sOw5uuWJF+w==
+
 "safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"