diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index d38f393b..7111c9bd 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -535,7 +535,7 @@ export default {
     listen(){
       window.Echo = new Echo({
           broadcaster: 'pusher',
-          key: '20cae353616471c0c765',
+          key: window.config.pusherUrl,
           cluster: 'ap1',
           encrypted: true,
           auth: {
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 054abca3..ee47d647 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -4,6 +4,7 @@ $config = [
     'locale' => $locale = app()->getLocale(),
     'locales' => config('app.locales'),
     'githubAuth' => config('services.github.client_id'),
+    'pusherUrl' => env('PUSHER_APP_KEY'),
 ];
 
 $polyfills = [
@@ -36,7 +37,6 @@ $polyfills = [
 
   {{-- Global configuration object --}}
   <script>window.config = @json($config);</script>
-
   {{-- Polyfill JS features via polyfill.io --}}
   <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features={{ implode(',', $polyfills) }}"></script>