diff --git a/packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Deployment/Netlify/SiteInfo/Actions/VisitSiteButton/VisitSiteButton.tsx b/packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Deployment/Netlify/SiteInfo/Actions/VisitSiteButton/VisitSiteButton.tsx
index 9c14069c655..d3b1e050264 100644
--- a/packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Deployment/Netlify/SiteInfo/Actions/VisitSiteButton/VisitSiteButton.tsx
+++ b/packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Deployment/Netlify/SiteInfo/Actions/VisitSiteButton/VisitSiteButton.tsx
@@ -1,13 +1,22 @@
-import { inject, hooksObserver } from 'app/componentConnectors';
-import React from 'react';
+import { useOvermind } from 'app/overmind';
+import React, { FunctionComponent } from 'react';
 import LinkIcon from 'react-icons/lib/fa/external-link';
 import Cogs from 'react-icons/lib/fa/cogs';
 
 import { Link } from '../../../../elements';
 
-export const VisitSiteButton = inject('store')(
-  hooksObserver(({ store: { deployment: { building, netlifySite } } }) => (
-    <Link disabled={building} href={netlifySite.url}>
+export const VisitSiteButton: FunctionComponent = () => {
+  const {
+    state: {
+      deployment: {
+        building,
+        netlifySite: { url },
+      },
+    },
+  } = useOvermind();
+
+  return (
+    <Link disabled={building} href={url}>
       {building ? (
         <>
           <Cogs /> Building...
@@ -18,5 +27,5 @@ export const VisitSiteButton = inject('store')(
         </>
       )}
     </Link>
-  ))
-);
+  );
+};