diff --git a/src/containers/Topbar/Topbar.css b/src/containers/Topbar/Topbar.css
index d7d51f5c..9a66f2ed 100644
--- a/src/containers/Topbar/Topbar.css
+++ b/src/containers/Topbar/Topbar.css
@@ -9,7 +9,6 @@
 }
 
 .container {
-
   /* Size */
   width: 100%;
   height: var(--topbarHeight);
@@ -24,7 +23,7 @@
   background-color: var(--matterColorLight);
 
   /* shadows */
-  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
+  box-shadow: var(--boxShadow);
 
   @media (--desktopViewport) {
     display: none;
diff --git a/src/containers/Topbar/Topbar.js b/src/containers/Topbar/Topbar.js
index b3adafe2..d87905dd 100644
--- a/src/containers/Topbar/Topbar.js
+++ b/src/containers/Topbar/Topbar.js
@@ -3,6 +3,7 @@ import { compose } from 'redux';
 import { connect } from 'react-redux';
 import { FormattedMessage, intlShape, injectIntl } from 'react-intl';
 import { pickBy } from 'lodash';
+import classNames from 'classnames';
 import { logout, authenticationInProgress } from '../../ducks/Auth.duck';
 import { manageDisableScrolling } from '../../ducks/UI.duck';
 import { Button, Modal, NamedLink, TopbarDesktop, TopbarMobileMenu } from '../../components';
@@ -83,6 +84,9 @@ class TopbarComponent extends Component {
 
   render() {
     const {
+      className,
+      rootClassName,
+      mobileRootClassName,
       isAuthenticated,
       authInProgress,
       currentUser,
@@ -122,9 +126,11 @@ class TopbarComponent extends Component {
         : null,
     };
 
+    const classes = classNames(rootClassName || css.root, className);
+
     return (
-      <div className={css.root}>
-        <div className={css.container}>
+      <div className={classes}>
+        <div className={classNames(mobileRootClassName || css.container)}>
           <Button rootClassName={css.menu} onClick={this.handleMobileMenuOpen}>
             <MenuIcon
               className={css.menuIcon}
@@ -184,11 +190,19 @@ class TopbarComponent extends Component {
   }
 }
 
-TopbarComponent.defaultProps = { currentUser: null };
+TopbarComponent.defaultProps = {
+  className: null,
+  rootClassName: null,
+  mobileRootClassName: null,
+  currentUser: null,
+};
 
 const { arrayOf, bool, func, shape, string } = PropTypes;
 
 TopbarComponent.propTypes = {
+  className: string,
+  rootClassName: string,
+  mobileRootClassName: string,
   isAuthenticated: bool.isRequired,
   authInProgress: bool.isRequired,
   currentUser: propTypes.currentUser,