diff --git a/front/less/pages/catalog.less b/front/less/pages/catalog.less
index ab7baa37..d511ead3 100644
--- a/front/less/pages/catalog.less
+++ b/front/less/pages/catalog.less
@@ -1,5 +1,24 @@
 @import "../common/utilities/mixins";
 
+.category-block {
+  margin: 0 auto;
+
+  .Q(600; {
+    float: left;
+    width: 48%;
+  });
+
+  .Q(@sm; {
+    width: 32%;
+  });
+
+  &:not(:last-child) {
+    .Q(600; {
+      margin: 0 2% 0 0;
+    });
+  }
+}
+
 .catalog-list {
   padding: 0 0 0 30px;
 
diff --git a/templates/catalog/catalog.html b/templates/catalog/catalog.html
index b5ac6ad9..504d57ce 100644
--- a/templates/catalog/catalog.html
+++ b/templates/catalog/catalog.html
@@ -10,7 +10,7 @@ <h1>{{ page.display.h1 }}</h1>
   <div class="container container-fluid">
     <div class="row around-xs">
       {% for root in categories %}
-        <div class="col-md">
+        <div class="category-block">
           <h2>{{ root.name }}</h2>
           <ul>
             {% for category in root.children.active %}