diff --git a/src/App.js b/src/App.js
index 66b6dc8..1dbcdea 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { ThemeProvider } from "@material-ui/core/styles";
 import webqueueTheme from "./theme";
 import { Box, makeStyles } from "@material-ui/core";
-import CustomAppBar from "./CustomAppBar";
+import ItemTableAppBar from "./ItemTableAppBar";
 import ItemTable from "./components/ItemTable/";
 import ItemViewAppBar from "./ItemViewAppBar";
 import ItemView from "./ItemView";
@@ -55,7 +55,7 @@ function App(){
 		<ThemeProvider theme={theme}>
 			<Box display="flex">
 				<Box className={classes.leftCol}>
-					<CustomAppBar title="webqueue2" darkMode={darkMode} setDarkMode={setDarkMode} theme={theme}/>
+					<ItemTableAppBar title="webqueue2" darkMode={darkMode} setDarkMode={setDarkMode} theme={theme}/>
 					<ItemTable setActiveItem={setActiveItem} setSidebarOpen={setSidebarOpen}/>
 				</Box>
 				<Box className={clsx(classes.rightCol, sidebarOpen && classes.rightColShift)}>
diff --git a/src/CustomAppBar.js b/src/ItemTableAppBar.js
similarity index 96%
rename from src/CustomAppBar.js
rename to src/ItemTableAppBar.js
index c5c8f63..3c467c3 100644
--- a/src/CustomAppBar.js
+++ b/src/ItemTableAppBar.js
@@ -5,7 +5,7 @@ import DarkModeIcon from '@material-ui/icons/Brightness4';
 import LightModeIcon from '@material-ui/icons/Brightness7';
 
 
-export default function CustomAppBar(props){
+export default function ItemTableAppBar(props){
 	const useStyles = makeStyles((theme) => ({
 		menuButton: {
 			marginLeft: theme.spacing(2),