diff --git a/src/CustomAppBar.js b/src/CustomAppBar.js
index 41bbcf6..c5c8f63 100644
--- a/src/CustomAppBar.js
+++ b/src/CustomAppBar.js
@@ -21,8 +21,8 @@ export default function CustomAppBar(props){
 
 	return(
 		<>
-			<AppBar position="sticky" elevation={2}>
-				<Toolbar>
+			<AppBar position="sticky" elevation={2} >
+				<Toolbar variant="dense">
 					<Typography variant="h6" className={classes.title}>
 						{props.title}
 					</Typography>
diff --git a/src/ItemViewAppBar.js b/src/ItemViewAppBar.js
index 8541e6b..45dec54 100644
--- a/src/ItemViewAppBar.js
+++ b/src/ItemViewAppBar.js
@@ -18,7 +18,7 @@ export default function ItemViewAppBar(props){
 	return(
 		<>
 			<AppBar position="sticky" color="secondary" elevation={2}>
-				<Toolbar>
+				<Toolbar variant="dense">
                     <Tooltip title={"Close Item"} 
 						arrow 
 						onClick={() => props.setSidebarOpen(false)}