diff --git a/ui/src/components/App.tsx b/ui/src/components/App.tsx
index 509066e..4fb7eae 100644
--- a/ui/src/components/App.tsx
+++ b/ui/src/components/App.tsx
@@ -1,11 +1,11 @@
 import { Center, Box } from '@chakra-ui/react';
 import { debugData } from '../utils/debugData';
 import TopBar from './NavBars/TopBar';
-import SideBar from './NavBars/LeftBar';
+import LeftBar from './NavBars/LeftBar';
 import { Routes, Route } from 'react-router-dom';
 import Resource from './Resource';
 import RightBar from './NavBars/RightBar';
-import Content from './MainContent';
+import MainContent from './MainContent';
 
 debugData([
   {
@@ -19,13 +19,13 @@ const App: React.FC = () => {
     <Center w="100%" h="100%">
       <Box width="60%" height="60%" backgroundColor="#191E26" borderRadius="1vh" color="white" fontFamily="Poppins">
         <TopBar />
-        <SideBar />
+        <LeftBar />
         <RightBar />
-        <Content>
+        <MainContent>
           <Routes>
             <Route path="/:resource" element={<Resource />} />
           </Routes>
-        </Content>
+        </MainContent>
       </Box>
     </Center>
   );
diff --git a/ui/src/components/MainContent.tsx b/ui/src/components/MainContent.tsx
index c7a29a0..fd0a18c 100644
--- a/ui/src/components/MainContent.tsx
+++ b/ui/src/components/MainContent.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Box, Center } from '@chakra-ui/react';
 
-const Content: React.FC = ({ children }) => {
+const MainContent: React.FC = ({ children }) => {
   return (
     <>
       <Center h="95%">
@@ -13,4 +13,4 @@ const Content: React.FC = ({ children }) => {
   );
 };
 
-export default Content;
+export default MainContent;
diff --git a/ui/src/components/NavBars/LeftBar.tsx b/ui/src/components/NavBars/LeftBar.tsx
index 022700a..8a43a63 100644
--- a/ui/src/components/NavBars/LeftBar.tsx
+++ b/ui/src/components/NavBars/LeftBar.tsx
@@ -1,7 +1,7 @@
 import { Box, VStack } from '@chakra-ui/react';
 import { Link } from 'react-router-dom';
 
-const SideBar: React.FC = () => {
+const LeftBar: React.FC = () => {
   return (
     <Box p="1.2vh" fontSize="1.5vh" float="left">
       <VStack align="left">
@@ -13,4 +13,4 @@ const SideBar: React.FC = () => {
   );
 };
 
-export default SideBar;
+export default LeftBar;