X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/139421ac9ab6a7f60ad7762d1787d79533ce6831..411849b41dc04bfdfb232d6bb20389901459eaba:/src/views-components/main-content-bar/main-content-bar.tsx?ds=sidebyside

diff --git a/src/views-components/main-content-bar/main-content-bar.tsx b/src/views-components/main-content-bar/main-content-bar.tsx
index 271d77c1..5c1bec90 100644
--- a/src/views-components/main-content-bar/main-content-bar.tsx
+++ b/src/views-components/main-content-bar/main-content-bar.tsx
@@ -15,9 +15,12 @@ import RefreshButton from "components/refresh-button/refresh-button";
 import { loadSidePanelTreeProjects } from "store/side-panel-tree/side-panel-tree-actions";
 import { Dispatch } from "redux";
 
-type CssRules = "infoTooltip";
+type CssRules = 'mainBar' | 'infoTooltip';
 
 const styles: StyleRulesCallback<CssRules> = theme => ({
+    mainBar: {
+        flexWrap: 'nowrap',
+    },
     infoTooltip: {
         marginTop: '-10px',
         marginLeft: '10px',
@@ -61,7 +64,7 @@ const mapDispatchToProps = () => (dispatch: Dispatch) => ({
 
 export const MainContentBar = connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(
     (props: MainContentBarProps & WithStyles<CssRules> & any) =>
-        <Toolbar><Grid container>
+        <Toolbar><Grid container className={props.classes.mainBar}>
             <Grid container item xs alignItems="center">
                 <Breadcrumbs />
             </Grid>