diff --git a/src/components/Banner.jsx b/src/components/Banner.jsx
new file mode 100644
index 000000000..e01de1ba7
--- /dev/null
+++ b/src/components/Banner.jsx
@@ -0,0 +1,14 @@
+import "./styling.css"
+
+export default function Banner () {
+   return (
+      <>
+         <header>
+            <h1>Orbit Report</h1>
+         </header>
+         <p>
+            Click on the buttons to see the satellites in that orbit type
+         </p>
+      </>
+   );
+}
\ No newline at end of file
diff --git a/src/components/Buttons.jsx b/src/components/Buttons.jsx
index 79b6e9cff..9ed286d41 100644
--- a/src/components/Buttons.jsx
+++ b/src/components/Buttons.jsx
@@ -1,8 +1,17 @@
+import satData from "./satData";
+import "./styling.css"
+
 const Buttons = ({ filterByType, setSat, displaySats }) => {
   return (
-    <div>
-      <button>Placeholder Button</button>
-      <button>All Orbits</button>
+    <div className="flex-container">
+      {displaySats.map((sat, id) => {
+        return (
+          <button onClick={() => filterByType(sat)} key={id}>
+            {sat} Orbit
+          </button>
+        );
+      })}
+      <button onClick={() => setSat(satData)}>All Orbits</button>
     </div>
   );
 };
diff --git a/src/components/Table.jsx b/src/components/Table.jsx
index bff71249e..8b7027b75 100644
--- a/src/components/Table.jsx
+++ b/src/components/Table.jsx
@@ -1,17 +1,29 @@
+import "./styling.css"
+
 const Table = ({ sat }) => {
   return (
     <table>
     <thead>
-     <tr>
-       <th>Header TBD</th>
-     </tr>
-     </thead>
-     <tbody>
-     <tr>
-       <td>Row Data TBD</td>
-     </tr>
-     </tbody>
-   </table>
+    <tr>
+      <th>Name</th>
+      <th>Type of Satellite</th>
+      <th>Launch Date</th>
+      <th>Status</th>
+    </tr>
+    </thead>
+    <tbody>
+      {sat.map((data, id) => {
+        return (
+          <tr key={id}>
+            <td>{data.name}</td>
+            <td>{data.type}</td>
+            <td>{data.launchDate}</td>
+            <td>{data.operational ? "active" : "inactive"}</td>
+          </tr>
+          );
+      })}
+    </tbody>
+  </table>
   );
 };
 
diff --git a/src/components/satData.jsx b/src/components/satData.jsx
index 092f90dac..cb2b37a07 100644
--- a/src/components/satData.jsx
+++ b/src/components/satData.jsx
@@ -1,84 +1,84 @@
 const satData = [
-   {
-     id: 1,
-     name: "Sirius 1",
-     type: "Communication",
-     launchDate: "2007-11-17",
-     orbitType: "Low",
-     operational: false
-   },
-   {
-     id: 2,
-     name: "USA-206 IIRM",
-     type: "Positioning",
-     launchDate: "2009-08-17",
-     orbitType: "Medium",
-     operational: true
-   },
-   {
-     id: 3,
-     name: "Vanguard 1",
-     type: "Probe",
-     launchDate: "1958-03-17",
-     orbitType: "High",
-     operational: false
-   },
-   {
-     id: 4,
-     name: "SNAP 10-A",
-     type: "Space Station",
-     launchDate: "1965-11-01",
-     orbitType: "High",
-     operational: false
-   },
-   {
-     id: 5,
-     name: "Hubble Space Telescope",
-     type: "Telescope",
-     launchDate: "1990-05-24",
-     orbitType: "Low",
-     operational: true
-   },
-   {
-     id: 6,
-     name: "Envisat",
-     type: "Probe",
-     launchDate: "2002-03-01",
-     orbitType: "Low",
-     operational: false
-   },
-   {
-     id: 7,
-     name: "Thermal Blanket",
-     type: "Space Debris",
-     launchDate: "N/A",
-     orbitType: "Low",
-     operational: false
-   },
-   {
-     id: 8,
-     name: "Morelos III",
-     type: "Communication",
-     launchDate: "2012-12-19",
-     orbitType: "Low",
-     operational: true
-   },
-   {
-     id: 9,
-     name: "IIR-M",
-     type: "Positioning",
-     launchDate: "2007-08-17",
-     orbitType: "Low",
-     operational: true
-   },
-   {
-     id: 10,
-     name: "ISS",
-     type: "Space Station",
-     launchDate: "1998-11-20",
-     orbitType: "Low",
-     operational: true
-   }
- ];
- 
- export default satData;
\ No newline at end of file
+  {
+    id: 1,
+    name: "Sirius 1",
+    type: "Communication",
+    launchDate: "2007-11-17",
+    orbitType: "Low",
+    operational: false
+  },
+  {
+    id: 2,
+    name: "USA-206 IIRM",
+    type: "Positioning",
+    launchDate: "2009-08-17",
+    orbitType: "Medium",
+    operational: true
+  },
+  {
+    id: 3,
+    name: "Vanguard 1",
+    type: "Probe",
+    launchDate: "1958-03-17",
+    orbitType: "High",
+    operational: false
+  },
+  {
+    id: 4,
+    name: "SNAP 10-A",
+    type: "Space Station",
+    launchDate: "1965-11-01",
+    orbitType: "High",
+    operational: false
+  },
+  {
+    id: 5,
+    name: "Hubble Space Telescope",
+    type: "Telescope",
+    launchDate: "1990-05-24",
+    orbitType: "Low",
+    operational: true
+  },
+  {
+    id: 6,
+    name: "Envisat",
+    type: "Probe",
+    launchDate: "2002-03-01",
+    orbitType: "Low",
+    operational: false
+  },
+  {
+    id: 7,
+    name: "Thermal Blanket",
+    type: "Space Debris",
+    launchDate: "N/A",
+    orbitType: "Low",
+    operational: false
+  },
+  {
+    id: 8,
+    name: "Morelos III",
+    type: "Communication",
+    launchDate: "2012-12-19",
+    orbitType: "Low",
+    operational: true
+  },
+  {
+    id: 9,
+    name: "IIR-M",
+    type: "Positioning",
+    launchDate: "2007-08-17",
+    orbitType: "Low",
+    operational: true
+  },
+  {
+    id: 10,
+    name: "ISS",
+    type: "Space Station",
+    launchDate: "1998-11-20",
+    orbitType: "Low",
+    operational: true
+  }
+];
+
+export default satData;
\ No newline at end of file
diff --git a/src/components/styling.css b/src/components/styling.css
index da70033a5..4f151e8b4 100644
--- a/src/components/styling.css
+++ b/src/components/styling.css
@@ -3,7 +3,16 @@ p {
   font-family: Montserrat, Arial, Helvetica, sans-serif;
   text-align: center;
 }
-
+.header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
 button {
   background-color: #5c94ce;
   border-radius: 15px;