diff --git a/src/lib/modules/ModCards.svelte b/src/lib/modules/ModCards.svelte
index 1f493fa..93dcac4 100644
--- a/src/lib/modules/ModCards.svelte
+++ b/src/lib/modules/ModCards.svelte
@@ -82,7 +82,8 @@
     {/each}
   </select>
 </div>
-<div class="scroll-to-optional">
+<div class="results-bar">
+  <p>Results: {search(searchQuery, mods.mods).length + search(searchQuery, mods.optional_mods).length}</p>
   <a href="#optional-mods"><IconChevronDown size="1.2em" /> View Optional Mods</a>
 </div>
 
@@ -159,10 +160,16 @@
     }
   }
 
-  .scroll-to-optional {
+  .results-bar {
     width: 100%;
-    text-align: right;
+    display: flex;
+    align-items: center;
+    // text-align: right;
+    p {
+      margin: 0;
+    }
     a {
+      margin-left: auto;
       text-decoration: none;
       &:hover {
         text-decoration: underline;