diff --git a/templates/catalog/listing/product-list.tpl b/templates/catalog/listing/product-list.tpl
index 4ebfbf6..3a9a21f 100644
--- a/templates/catalog/listing/product-list.tpl
+++ b/templates/catalog/listing/product-list.tpl
@@ -25,20 +25,18 @@
 {extends file=$layout}
 
 {block name='content'}
-  <section id="main">
+  <section id="main" class="flex flex-col gap-4">
 
     {block name='product_list_header'}
       <h2 id="js-product-list-header" class="h2">{$listing.label}</h2>
     {/block}
 
-    <section id="products">
+    <section id="products" class="flex flex-col gap-4">
       {if $listing.products|count}
 
-        <div>
-          {block name='product_list_top'}
-            {include file='catalog/_partials/products-top.tpl' listing=$listing}
-          {/block}
-        </div>
+        {block name='product_list_top'}
+          {include file='catalog/_partials/products-top.tpl' listing=$listing}
+        {/block}
 
         {block name='product_list_active_filters'}
           <div id="" class="hidden-sm-down">
@@ -46,17 +44,13 @@
           </div>
         {/block}
 
-        <div>
-          {block name='product_list'}
-            {include file='catalog/_partials/products.tpl' listing=$listing}
-          {/block}
-        </div>
+        {block name='product_list'}
+          {include file='catalog/_partials/products.tpl' listing=$listing}
+        {/block}
 
-        <div id="js-product-list-bottom">
-          {block name='product_list_bottom'}
-            {include file='catalog/_partials/products-bottom.tpl' listing=$listing}
-          {/block}
-        </div>
+        {block name='product_list_bottom'}
+          {include file='catalog/_partials/products-bottom.tpl' listing=$listing}
+        {/block}
 
       {else}
         <div id="js-product-list-top"></div>