diff --git a/lib/components/app/app.css b/lib/components/app/app.css
index 0f1397663..fe1c0a916 100644
--- a/lib/components/app/app.css
+++ b/lib/components/app/app.css
@@ -51,7 +51,7 @@
 
 .navbar .navbar-header {
   display: grid;
-  grid-template-columns: 300px auto 150px;
+  grid-template-columns: 300px auto 170px;
 }
 
 .navbar .navbar-nav {
diff --git a/lib/components/app/desktop-nav.tsx b/lib/components/app/desktop-nav.tsx
index 419ee247b..b2e1ad3c2 100644
--- a/lib/components/app/desktop-nav.tsx
+++ b/lib/components/app/desktop-nav.tsx
@@ -19,6 +19,8 @@ import NavbarItem from './nav-item'
 import ViewSwitcher from './view-switcher'
 
 const StyledNav = styled(Nav)`
+  display: flex;
+  justify-content: end;
   /* Target only the svgs in the Navbar */
   & > li > button > svg,
   & > li > span > button > span > svg {