From 6229c48fbed9ad51caac1a64f1d779a912fa324e Mon Sep 17 00:00:00 2001
From: wrigh393 <wrigh393@purdue.edu>
Date: Mon, 8 Feb 2021 10:01:11 -0500
Subject: [PATCH] Changed styling of ItemViewAppBar to fix how its displayed in
 the docs

---
 src/components/ItemViewAppBar/ItemViewAppBar.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/ItemViewAppBar/ItemViewAppBar.js b/src/components/ItemViewAppBar/ItemViewAppBar.js
index 0dc081f..aa243b3 100644
--- a/src/components/ItemViewAppBar/ItemViewAppBar.js
+++ b/src/components/ItemViewAppBar/ItemViewAppBar.js
@@ -21,8 +21,7 @@ export default function ItemViewAppBar({ title, setSidebarOpen }){
 			flexGrow: "1"
 		},
 		appBarRoot: {
-			width: "inherit",
-			
+			width: "100%"
 		},
 	}));
 	const classes = useStyles(theme);
@@ -31,7 +30,7 @@ export default function ItemViewAppBar({ title, setSidebarOpen }){
 
 	return(
 		<>
-			<AppBar position="fixed" color="secondary" elevation={2} classes={{root: classes.appBarRoot}}>
+			<AppBar position="sticky" color="secondary" elevation={2} classes={{root: classes.appBarRoot}}>
 			
 				<Toolbar variant="dense">
                     <Tooltip title={"Close Item"}