diff --git a/web/app/components/auth-panel/_logged-in/auth-panel_logged-in.scss b/web/app/components/auth-panel/_logged-in/auth-panel_logged-in.scss
new file mode 100644
index 00000000..a47051c6
--- /dev/null
+++ b/web/app/components/auth-panel/_logged-in/auth-panel_logged-in.scss
@@ -0,0 +1,4 @@
+.auth-panel_logged-in {
+  font-size: 12px;
+  font-weight: 400;
+}
diff --git a/web/app/components/auth-panel/auth-panel.jsx b/web/app/components/auth-panel/auth-panel.jsx
index 5895f65f..ef176228 100644
--- a/web/app/components/auth-panel/auth-panel.jsx
+++ b/web/app/components/auth-panel/auth-panel.jsx
@@ -35,9 +35,9 @@ export default class AuthPanel extends Component {
     const sortArray = getSortArray(sort);
 
     return (
-      <div className={b('auth-panel', props)}>
+      <div className={b('auth-panel', props, { loggedIn: !!user.id })}>
         {
-          !!user.name && (
+          !!user.id && (
             <div className="auth-panel__column">
               You signed in as
               {' '}
@@ -50,7 +50,7 @@ export default class AuthPanel extends Component {
         }
 
         {
-          !user.name && (
+          !user.id && (
             <div className="auth-panel__column">
               Sign in to comment using
               {' '}
@@ -87,7 +87,7 @@ export default class AuthPanel extends Component {
           {user.admin && ' • '}
 
           {
-            !!user.name && (
+            !!user.id && (
               <span className="auth-panel__sort">
                 Sort by
                 {' '}
diff --git a/web/app/components/auth-panel/auth-panel.scss b/web/app/components/auth-panel/auth-panel.scss
index 3667131a..a5749217 100644
--- a/web/app/components/auth-panel/auth-panel.scss
+++ b/web/app/components/auth-panel/auth-panel.scss
@@ -1,6 +1,7 @@
 .auth-panel {
   display: flex;
   justify-content: space-between;
-  font-size: 12px;
+  font-size: 14px;
+  font-weight: 700;
   line-height: 16px;
 }
diff --git a/web/app/components/auth-panel/index.js b/web/app/components/auth-panel/index.js
index 18533567..2f1f4cee 100644
--- a/web/app/components/auth-panel/index.js
+++ b/web/app/components/auth-panel/index.js
@@ -8,3 +8,5 @@ require('./__select/auth-panel__select.scss');
 require('./__sort/auth-panel__sort.scss');
 require('./__username/auth-panel__username.scss');
 require('./__user-id/auth-panel__user-id.scss');
+
+require('./_logged-in/auth-panel_logged-in.scss');