diff --git a/css/style.css b/css/style.css
index 78fafb6..e5e68ca 100644
--- a/css/style.css
+++ b/css/style.css
@@ -10,6 +10,7 @@
 #navbarlogo {padding-bottom: 10px;}
 #resize {height: 250px; width: auto;}
 #nobold {text-decoration: none;}
+#sats { display: flex; flex-direction: column-reverse; }
 #entirenav {position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0;
diff --git a/js/script.js b/js/script.js
index e8124cc..e2dde62 100644
--- a/js/script.js
+++ b/js/script.js
@@ -78,7 +78,7 @@ function satList() {
 // Display all Satellites
 function displaySats() {
   console.log("Init")
-  database = firebase.database().ref("sats");
+  database = firebase.database().ref("sats").orderByValue();
   database.once('value', function(snapshot) {
       snapshot.forEach(function(child) {
                 firebase.database().ref("sats/"+child["key"]).on('value', function (data) {
diff --git a/sat.html b/sat.html
index 28ef002..2162cac 100644
--- a/sat.html
+++ b/sat.html
@@ -31,7 +31,7 @@
         </div>
         <h2 id="titles">Satellite Imagery</h2> 
         Listed below are my satellite captures from passing NOAA and Meteor satellites.<br>
-        <table id="sats" style="border-style: solid;border-bottom-style: none;border-color: black;" width="100%">
+        <table id="sats" class="reverse" style="border-style: solid;border-bottom-style: none;border-color: black;" width="100%">
 
             </tr>
         </table>