TopbarDesktop should get visibility factor from Topbar.

src/components/TopbarDesktop/TopbarDesktop.css

@@ -2,26 +2,22 @@
 
 /* Desktop */
 .root {
-  display: none;
+  /* Size */
+  width: 100%;
+  height: 72px;
 
-  @media (min-width: 768px) {
-    /* Size */
-    width: 100%;
-    height: 72px;
+  /* Layout for child components */
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: baseline;
+  padding: 0 36px;
 
-    /* Layout for child components */
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: baseline;
-    padding: 0 36px;
+  /* fill */
+  background-color: var(--matterColorLight);
 
-    /* fill */
-    background-color: var(--matterColorLight);
-
-    /* shadows */
-    box-shadow: var(--boxShadowLight);
-  }
+  /* shadows */
+  box-shadow: var(--boxShadowLight);
 }
 
 /* Compose text label items on top of this */

src/containers/Topbar/Topbar.css

@@ -61,3 +61,11 @@
 .searchForm {
   margin: 2rem;
 }
+
+.desktop {
+  display: none;
+
+  @media (min-width: 768px) {
+    display: block;
+  }
+}

src/containers/Topbar/Topbar.js

@@ -135,12 +135,14 @@ class TopbarComponent extends Component {
             <img src={searchIcon} alt={intl.formatMessage({ id: 'Topbar.searchIcon' })} />
           </FlatButton>
         </div>
-        <TopbarDesktop
-          currentUserHasListings={currentUserHasListings}
-          intl={intl}
-          isAuthenticated={isAuthenticated}
-          name={name}
-        />
+        <div className={css.desktop}>
+          <TopbarDesktop
+            currentUserHasListings={currentUserHasListings}
+            intl={intl}
+            isAuthenticated={isAuthenticated}
+            name={name}
+          />
+        </div>
         <Modal
           isOpen={isMobileMenuOpen}
           onClose={this.handleMobileMenuClose}