diff --git a/app/components/TopAppBar/Sidebar.tsx b/app/components/TopAppBar/Sidebar.tsx
index 5f81122..27b175c 100644
--- a/app/components/TopAppBar/Sidebar.tsx
+++ b/app/components/TopAppBar/Sidebar.tsx
@@ -10,6 +10,7 @@ import clsx from 'clsx';
import React from 'react';
import { DRAWER_WIDTH } from '../../constants/drawer.json';
import { mainListItems, secondaryListItems } from './listItems';
+import VersionIndicator from './versionIndicator';
const useStyles = makeStyles((theme) => ({
toolbarIcon: {
@@ -27,6 +28,7 @@ const useStyles = makeStyles((theme) => ({
easing: theme.transitions.easing.sharp,
duration: theme.transitions.duration.enteringScreen,
}),
+ overflow: 'hidden',
},
drawerPaperClose: {
overflowX: 'hidden',
@@ -39,6 +41,9 @@ const useStyles = makeStyles((theme) => ({
width: theme.spacing(9),
},
},
+ grow: {
+ flexGrow: 1,
+ },
}));
type Props = {
@@ -66,6 +71,13 @@ export default function Sidebar({ open, handleDrawerClose }: Props) {
{mainListItems}
{secondaryListItems}
+