diff --git a/homepage/static/dark-style.css b/homepage/static/dark-style.css
index e1322e2..1a4dcad 100644
--- a/homepage/static/dark-style.css
+++ b/homepage/static/dark-style.css
@@ -664,19 +664,19 @@ button:hover {
 .sortbutton {
   margin-top:10px;
   font-size:x-large;
-  background:#3b3b3b;
+  background: #BB4242;
   padding:5px;
   box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.10);
 }
 
 .sortbutton button:hover {
-  background-color: #2b2b2b;
-  color: white;
+  background-color: #00FFFF;
+  color: #108810;
 }
 
 .sortbutton button.active {
-  background-color: #2b2b2b;
-  color: white;
+  background-color: #000000;
+  color: #f5d214;
 }
 
 button.legacyview {
diff --git a/scripts/play.php b/scripts/play.php
index 526f59b..7c11816 100644
--- a/scripts/play.php
+++ b/scripts/play.php
@@ -399,15 +399,15 @@ if(!isset($_GET['species']) && !isset($_GET['filename'])){
 ?>
 <div class="play">
 <?php if($view == "byspecies" || $view == "date") { ?>
-<div style="width: auto;
-   text-align: center" class="sortbutton"> 
+  <div style="width: auto;
+   text-align: center"> 
    <form action="views.php" method="GET">
       <input type="hidden" name="view" value="Recordings">
       <input type="hidden" name="<?php echo $view; ?>" value="<?php echo $_GET['date']; ?>">
-      <button <?php if(!isset($_GET['sort']) || $_GET['sort'] == "alphabetical"){ echo "class='sortbutton active !important;'"; }?> type="submit" name="sort" value="alphabetical">
+      <button <?php if(!isset($_GET['sort']) || $_GET['sort'] == "alphabetical"){ echo "class='sortbutton active'";} else { echo "class='sortbutton'"; }?> type="submit" name="sort" value="alphabetical">
          <img src="images/sort_abc.svg" title="Sort by alphabetical" alt="Sort by alphabetical">
       </button>
-      <button <?php if(isset($_GET['sort']) && $_GET['sort'] == "occurrences"){ echo "class='sortbutton active !important;'"; }?> type="submit" name="sort" value="occurrences">
+      <button <?php if(isset($_GET['sort']) && $_GET['sort'] == "occurrences"){ echo "class='sortbutton active'";} else { echo "class='sortbutton'"; }?> type="submit" name="sort" value="occurrences">
          <img src="images/sort_occ.svg" title="Sort by occurrences" alt="Sort by occurrences">
       </button>
    </form>
@@ -512,15 +512,15 @@ for ($row = 0; $row < $num_rows; $row++) {
 #Specific Species
 if(isset($_GET['species'])){ ?>
 <div style="width: auto;
-   text-align: center" class="sortbutton">
+   text-align: center">
    <form action="views.php" method="GET">
       <input type="hidden" name="view" value="Recordings">
       <input type="hidden" name="species" value="<?php echo $_GET['species']; ?>">
       <input type="hidden" name="sort" value="<?php echo $_GET['sort']; ?>">
-      <button <?php if(!isset($_GET['sort']) || $_GET['sort'] == "" || $_GET['sort'] == "date"){ echo "class='active !important;'"; }?> type="submit" name="sort" value="date">
+      <button <?php if(!isset($_GET['sort']) || $_GET['sort'] == "" || $_GET['sort'] == "date"){ echo "class='sortbutton active'";} else { echo "class='sortbutton'"; }?> type="submit" name="sort" value="date">
          <img width=35px src="images/sort_date.svg" title="Sort by date" alt="Sort by date">
       </button>
-      <button <?php if(isset($_GET['sort']) && $_GET['sort'] == "confidence"){ echo "class='active !important;'"; }?> type="submit" name="sort" value="confidence">
+      <button <?php if(isset($_GET['sort']) && $_GET['sort'] == "confidence"){ echo "class='sortbutton active'";} else { echo "class='sortbutton'"; }?> type="submit" name="sort" value="confidence">
          <img src="images/sort_occ.svg" title="Sort by confidence" alt="Sort by confidence">
       </button><br>
       <input style="margin-top:10px" <?php if(isset($_GET['only_excluded'])){ echo "checked"; }?> type="checkbox" name="only_excluded" onChange="submit()">
diff --git a/scripts/stats.php b/scripts/stats.php
index cfeedcf..43158df 100644
--- a/scripts/stats.php
+++ b/scripts/stats.php
@@ -60,15 +60,15 @@ if (get_included_files()[0] === __FILE__) {
 
 <div class="stats">
 <div class="column">
-  <div style="width: auto;
-   text-align: center" class="sortbutton">
+<div style="width: auto;
+   text-align: center">
    <form action="views.php" method="GET">
     <input type="hidden" name="sort" value="<?php if(isset($_GET['sort'])){echo $_GET['sort'];}?>">
       <input type="hidden" name="view" value="Species Stats">
-      <button <?php if(!isset($_GET['sort']) || $_GET['sort'] == "alphabetical"){ echo "class='active !important;'"; }?> class="sortbutton" type="submit" name="sort" value="alphabetical">
+      <button <?php if(!isset($_GET['sort']) || $_GET['sort'] == "alphabetical"){ echo "class='sortbutton active'";} else { echo "class='sortbutton'"; }?> type="submit" name="sort" value="alphabetical">
          <img src="images/sort_abc.svg" title="Sort by alphabetical" alt="Sort by alphabetical">
       </button>
-      <button <?php if(isset($_GET['sort']) && $_GET['sort'] == "occurrences"){ echo "class='active !important;'"; }?> class="sortbutton" type="submit" name="sort" value="occurrences">
+      <button <?php if(isset($_GET['sort']) && $_GET['sort'] == "occurrences"){ echo "class='sortbutton active'";} else { echo "class='sortbutton'"; }?> type="submit" name="sort" value="occurrences">
          <img src="images/sort_occ.svg" title="Sort by occurrences" alt="Sort by occurrences">
       </button>
    </form>