From ff9d4f858563357709b700e8fb27ea78cd0686b7 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Wed, 9 Sep 2020 16:43:37 -0700
Subject: [PATCH] CSS fix.

---
 components/layout/Header.js | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/components/layout/Header.js b/components/layout/Header.js
index 782d4327..7df55d0d 100644
--- a/components/layout/Header.js
+++ b/components/layout/Header.js
@@ -22,20 +22,22 @@ export default function Header() {
           </div>
         </div>
         <div className="col-12 col-md-9">
-          {user ? (
-            <div className={styles.nav}>
-              <Link href="/dashboard">
-                <FormattedMessage id="header.nav.dashboard" defaultMessage="Dashboard" />
-              </Link>
-              <Link href="/settings">
-                <FormattedMessage id="header.nav.settings" defaultMessage="Settings" />
-              </Link>
+          <div className={styles.nav}>
+            {user ? (
+              <>
+                <Link href="/dashboard">
+                  <FormattedMessage id="header.nav.dashboard" defaultMessage="Dashboard" />
+                </Link>
+                <Link href="/settings">
+                  <FormattedMessage id="header.nav.settings" defaultMessage="Settings" />
+                </Link>
+                <LanguageButton menuAlign="right" />
+                <UserButton />
+              </>
+            ) : (
               <LanguageButton menuAlign="right" />
-              <UserButton />
-            </div>
-          ) : (
-            <LanguageButton menuAlign="right" />
-          )}
+            )}
+          </div>
         </div>
       </div>
     </header>