diff --git a/src/client/bar.scss b/src/client/bar.scss
index e276a5f..6c35cb5 100644
--- a/src/client/bar.scss
+++ b/src/client/bar.scss
@@ -25,15 +25,16 @@
 }
 
 .bar__brandItem {
+  align-items: center;
   color: $color-muted;
   display: flex;
-  flex-direction: column;
   justify-content: space-around;
   font-family: var(--thick-title-font-family);
   font-size: 0.95em;
   padding: 1em;
   user-select: none;
   .closed & {
+    flex-direction: column;
     font-size: 0.9em;
     text-align: center;
     padding: 1em 0 0.5em;
diff --git a/src/client/chat--left.jsx b/src/client/chat--left.jsx
index 539b10b..e9c609c 100644
--- a/src/client/chat--left.jsx
+++ b/src/client/chat--left.jsx
@@ -29,7 +29,19 @@ export default function ChatLeft() {
       className={classnames('left', 'flexed', showsAsOpen ? 'open' : 'closed')}
     >
       <Bar
-        branding={<li className="bar__brandItem">reddichat</li>}
+        branding={(
+          <li className="bar__brandItem">
+            <div>
+              reddi
+              <span className="muted">?</span>
+            </div>
+            {' '}
+            <div>
+              chat
+              <span className="muted">!</span>
+            </div>
+          </li>
+        )}
         buttons={buttons}
         isHorizontal={showsAsOpen}
         onActive={(active, i) => {
diff --git a/src/client/chat--left.scss b/src/client/chat--left.scss
index 6f6f893..1f8ff7c 100644
--- a/src/client/chat--left.scss
+++ b/src/client/chat--left.scss
@@ -13,3 +13,7 @@
 .left.open {
   width: 18em;
 }
+
+.bar__brandItem .muted {
+  opacity: 0.5;
+}
diff --git a/src/client/chat--right.scss b/src/client/chat--right.scss
index 2d21156..8234dea 100644
--- a/src/client/chat--right.scss
+++ b/src/client/chat--right.scss
@@ -10,10 +10,6 @@
   }
 }
 
-.right .bar--vertical {
-  float: left;
-}
-
 .right.open {
   width: 18em;
 }