diff --git a/express/css/custom.css b/express/css/custom.css
index 8881596..5dfa675 100644
--- a/express/css/custom.css
+++ b/express/css/custom.css
@@ -68,16 +68,10 @@ font-family: 'Questrial', sans-serif;
     border:none;
     cursor: pointer;
   }
-  
-  /* Dropdown button on hover & focus */
-  .dropbtn:hover, .dropbtn:focus {
-    background-color: red;
-  }
-  
+    
   /* The container <div> - needed to position the dropdown content */
   .dropdown {
     position: relative;
-    display: inline-block;
   }
   
   /* Dropdown Content (Hidden by Default) */
@@ -98,12 +92,17 @@ font-family: 'Questrial', sans-serif;
     display: block;
   }
   
-  /* Change color of dropdown links on hover */
-  .dropdown-content a:hover {background-color: #ddd}
-  
-  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
-  .show {display:block;}
 
+/* Change color of dropdown links on hover */
+.dropdown-content a:hover {
+  background-color: #ddd;
+}
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {display: block;}
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+.dropdown:hover .dropbtn {background-color: #3e8e41;}
 
 /* ===================================
   listings grid
@@ -122,4 +121,4 @@ font-family: 'Questrial', sans-serif;
     width: 300px; 
     height: 300px;
     object-fit: cover;
-  }
\ No newline at end of file
+  }
diff --git a/express/index.html b/express/index.html
index 427a614..f84c7a2 100644
--- a/express/index.html
+++ b/express/index.html
@@ -15,13 +15,16 @@ <h2>For gardens on the grooow</h2>
   </section>
   <section id="filters">
     <div class="filter-wrapper">
+      <!--buttons-->
       <div class="nav-item">
-        <button onclick="myFunction()" class="dropbtn">Sort</button>
-          <div id="myDropdown" class="dropdown-content">
+        <div class="dropdown">
+        <button class="dropbtn">Sort</button>
+          <div class="dropdown-content">
             <a href="#">Sort A-Z</a>
             <a href="#">Sort Z-A</a>
             <a href="#">Sort Jan - Dec</a>
           </div>
+        </div>
       </div>
       <div class="nav-item">
         <button onclick="myfunction()" class="dropbtn">Filter</button>