diff --git a/.storybook/addons.js b/.storybook/addons.js
index d2335afd7649..94292d161b10 100644
--- a/.storybook/addons.js
+++ b/.storybook/addons.js
@@ -4,4 +4,5 @@
 // Use the line below to register this addon
 // import '@kadira/storybook-addon-comments/register';
 import '@kadira/storybook-database-cloud/register';
-import '../register';
+import { init } from '../src/manager';
+init();
diff --git a/src/manager/components/CommentsPanel/index.js b/src/manager/components/CommentsPanel/index.js
index a874351317d2..7eb147686804 100644
--- a/src/manager/components/CommentsPanel/index.js
+++ b/src/manager/components/CommentsPanel/index.js
@@ -6,10 +6,11 @@ import style from './style';
 export default class CommentsPanel extends Component {
   render() {
     if (!this.props.user) {
+      const signInUrl = `https://hub.getstorybook.io/sign-in?redirectUrl=${encodeURIComponent(location.href)}`;
       return (
         <div style={style.wrapper}>
           <div style={style.message}>
-            <a style={style.button} href="https://storybooks.io">login @ storybooks.io</a>
+            <a style={style.button} href={signInUrl}>SignIn with Storybook Hub</a>
           </div>
         </div>
       );
diff --git a/src/manager/components/CommentsPanel/style.js b/src/manager/components/CommentsPanel/style.js
index f34f7f3dde27..3f2adab3daed 100644
--- a/src/manager/components/CommentsPanel/style.js
+++ b/src/manager/components/CommentsPanel/style.js
@@ -19,9 +19,11 @@ export default {
   },
   button: {
     textDecoration: 'none',
-    color: 'rgb(120, 120, 120)',
+    color: '#444',
     padding: '10px 18px',
     background: 'rgb(240, 240, 240)',
     borderRadius: 5,
+    textTransform: 'none',
+    fontSize: 12,
   },
 }