diff --git a/src/molecules/AppBar.js b/src/molecules/AppBar.js
index c1d562ab9abcd18a0dd2a1ee241360ffd30b6790..2601c8fb971969089183b0146b6ac84ecc8cf1c5 100644
--- a/src/molecules/AppBar.js
+++ b/src/molecules/AppBar.js
@@ -13,7 +13,7 @@ const AppBar = ({ brandLink, brandName, loginLink, logoutLink, userName }) => (
       {brandName}
     </Link>
 
-    <div>
+    <div className={classes.actions}>
       {userName && (
         <span className={classes.item}>
           <Icon size={16}>user</Icon>
diff --git a/src/molecules/AppBar.local.scss b/src/molecules/AppBar.local.scss
index da3ccddf37c158b54a1514e39d85019e163fd9e4..bfe123d50b041f6973b9582e40a1f6f3c1506925 100644
--- a/src/molecules/AppBar.local.scss
+++ b/src/molecules/AppBar.local.scss
@@ -30,6 +30,10 @@
   padding: 0 1rem;
 }
 
+.actions {
+  display: flex;
+}
+
 .username {
   margin-left: 0.3em;
 }