diff --git a/templates/catalog/_partials/products-top.tpl b/templates/catalog/_partials/products-top.tpl
index a4a0caa..9c9cd41 100644
--- a/templates/catalog/_partials/products-top.tpl
+++ b/templates/catalog/_partials/products-top.tpl
@@ -24,22 +24,28 @@
  *}
 
 <div id="js-product-list-top" class="bg-white">
-  <!-- Show Filters Button -->
-  <div class="flex flex-row-reverse">
-    <button id="show-filters" type="button" class="flex space-x-2 items-center">
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-filter" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-        <path d="M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" />
-      </svg>
-      <span> Filter </span>
-    </button>
-  </div>
-  <!-- Sort By Dropdown -->
-  <div class="flex flex-row-reverse gap-2">
-    {block name='sort_by'}
-      {include file='catalog/_partials/sort-orders.tpl' sort_orders=$listing.sort_orders}
-    {/block}
+
+  <!-- Top Bar With Filter Button and Sort By Selector -->
+  <div class="flex justify-between">
+    <!-- Show Filters Button -->
+    <div>
+      <button id="show-filters" type="button" class="flex space-x-2 items-center">
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-filter" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+          <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+          <path d="M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" />
+        </svg>
+        <span> Filter </span>
+      </button>
+    </div>
+    <!-- Sort By Dropdown -->
+    <div>
+      {block name='sort_by'}
+        {include file='catalog/_partials/sort-orders.tpl' sort_orders=$listing.sort_orders}
+      {/block}
+    </div>
   </div>
+
+
   <!-- Off Screen Canvas Menu For Filters -->
   <div id="product-list-top-filters" class="offcanvas fixed inset-0 flex w-96 hidden" role="dialog" aria-modal="true">
       <div class="relative mr-auto flex h-full md:w-64 flex-col overflow-y-auto bg-white py-4 pb-12 shadow-xl">