diff --git a/src/components/ItemViewAppBar/ItemViewAppBar.js b/src/components/ItemViewAppBar/ItemViewAppBar.js
index 448e626..e45094e 100644
--- a/src/components/ItemViewAppBar/ItemViewAppBar.js
+++ b/src/components/ItemViewAppBar/ItemViewAppBar.js
@@ -12,13 +12,16 @@ export default function ItemViewAppBar(props){
 		title: {
 			flexGrow: "1"
 		},
+		appBarRoot: {
+			width: "inherit"
+		}
 	}));
 
 	const classes = useStyles(props.theme);
 
 	return(
 		<>
-			<AppBar style={{width: "inherit"}} position="fixed" color="secondary" elevation={2}>
+			<AppBar position="fixed" color="secondary" elevation={2} classes={{root: classes.appBarRoot}}>
 			
 				<Toolbar variant="dense">
                     <Tooltip title={"Close Item"}