diff --git a/.env.example b/.env.example
index c32c7c4c8823ca6cc797fa21257da451eacfdd22..f3afcc4b0abf91b564fb6abbf1126507d060a191 100644
--- a/.env.example
+++ b/.env.example
@@ -1 +1,2 @@
 REACT_APP_API_URL=http://stackspin_proxy:8081/api/v1
+REACT_APP_HYDRA_PUBLIC_URL=https://sso.init.stackspin.net
\ No newline at end of file
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index 7e67730479e3a3bbec0f1cf4f94a9bf79ed3219c..97a24eda56729ac74454a0b75d12385be3c0d293 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -9,6 +9,8 @@ import _ from 'lodash';
 
 import { UserModal } from '../UserModal';
 
+const HYDRA_LOGOUT_URL = `${process.env.REACT_APP_HYDRA_PUBLIC_URL}/oauth2/sessions/logout`;
+
 const navigation = [
   { name: 'Dashboard', to: '/dashboard', requiresAdmin: false },
   { name: 'Users', to: '/users', requiresAdmin: true },
@@ -52,9 +54,9 @@ const Header: React.FC<HeaderProps> = () => {
     const { hostname } = window.location;
     // If we are developing locally, we need to use the init cluster's public URL
     if (hostname === 'localhost') {
-      return `https://sso.init.stackspin.net/oauth2/sessions/logout`;
+      return HYDRA_LOGOUT_URL;
     }
-    return `https://${hostname.replace('dashboard', 'sso')}/oauth2/sessions/logout`;
+    return `https://${hostname.replace(/^dashboard/, 'sso')}/oauth2/sessions/logout`;
   }, []);
 
   return (