Changed position to fixed and appbar width set to inherit its parent

src/ItemViewAppBar.test.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { render, unmountComponentAtNode} from "react-dom";
+import { act } from "react-dom/test-utils";
+
+import ItemViewAppBar from "./ItemViewAppBar";
+
+let container = null;
+beforeEach(() => {
+    //Setup a DOM element as a render target
+    container = document.createElement("div");
+    document.body.appendChild(container);
+});
+
+afterEach(() => {
+    unmountComponentAtNode(container);
+    container.remove();
+    container = null;
+});
+
+it("renders only with a title", () =>{
+    act(() => {
+        render(<ItemViewAppBar />, container);
+    })
+    expect(container.ItemViewAppBar).toBe(null);
+})

src/components/ItemViewAppBar/ItemViewAppBar.js

@@ -18,7 +18,7 @@ export default function ItemViewAppBar(props){
 
 	return(
 		<>
-			<AppBar position="sticky" color="secondary" elevation={2}>
+			<AppBar style={{width: "inherit"}} position="fixed" color="secondary" elevation={2}>
 				<Toolbar variant="dense">
                     <Tooltip title={"Close Item"} 
 						arrow