diff --git a/chrome/manifest.json b/public/manifest.json
similarity index 100%
rename from chrome/manifest.json
rename to public/manifest.json
diff --git a/src/components/App.js b/src/components/App.js
index b6f4756..d20ef35 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,12 +1,12 @@
 import * as React from 'react';
 import Navbar from './Navbar';
-import TableWrap from './TableWrap';
+import TableBox from './TableBox';
 import '../styles/App.css';
 
 const App = () => (
   <div className="App">
     <Navbar />
-    <TableWrap />
+    <TableBox />
   </div>
 );
 
diff --git a/src/components/TableWrap.js b/src/components/TableBox.js
similarity index 98%
rename from src/components/TableWrap.js
rename to src/components/TableBox.js
index 26f6630..4f7a40e 100644
--- a/src/components/TableWrap.js
+++ b/src/components/TableBox.js
@@ -36,7 +36,7 @@ const fetchData = (data) => {
   });
 };
 
-const TableWrap = () => {
+const TableBox = () => {
   const [batLevel, setBatLevel] = useState('');
   const [batStatus, setBatStatus] = useState('');
 
@@ -204,11 +204,11 @@ const TableWrap = () => {
   ];
 
   return (
-    <div className="tableWrap">
+    <div className="tableBox">
       <Table title="Software" data={software} />
       <Table title="Hardware" data={hardware} />
     </div>
   );
 };
 
-export default TableWrap;
+export default TableBox;
diff --git a/src/styles/App.css b/src/styles/App.css
index 8c3ade0..a542b0e 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -55,7 +55,7 @@ body {
   margin: 0 8px 0 0; 
 }
 
-.tableWrap {
+.tableBox {
   padding: 0 8px;
 }