diff --git a/src/components/TopbarDesktop/TopbarDesktop.css b/src/components/TopbarDesktop/TopbarDesktop.css
index 9a57b172..67966f44 100644
--- a/src/components/TopbarDesktop/TopbarDesktop.css
+++ b/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 */
diff --git a/src/containers/Topbar/Topbar.css b/src/containers/Topbar/Topbar.css
index 9dc6cd53..f93129f5 100644
--- a/src/containers/Topbar/Topbar.css
+++ b/src/containers/Topbar/Topbar.css
@@ -61,3 +61,11 @@
.searchForm {
margin: 2rem;
}
+
+.desktop {
+ display: none;
+
+ @media (min-width: 768px) {
+ display: block;
+ }
+}
diff --git a/src/containers/Topbar/Topbar.js b/src/containers/Topbar/Topbar.js
index 41b182b0..cc7dbd8c 100644
--- a/src/containers/Topbar/Topbar.js
+++ b/src/containers/Topbar/Topbar.js
@@ -135,12 +135,14 @@ class TopbarComponent extends Component {
-