diff --git a/ckanext/odsh/fanstatic/odsh.css b/ckanext/odsh/fanstatic/odsh.css
index bab0771b73b661003510bdd90d72cabb842e5385..28a41e189bb8e6e8ffb2d6b27e38224ad3934c8d 100644
--- a/ckanext/odsh/fanstatic/odsh.css
+++ b/ckanext/odsh/fanstatic/odsh.css
@@ -746,19 +746,21 @@ label.rangesearch.disabled {
 
 /* following makes the secondary span (left side, facets etc.) the same height as the primary span */
 /* see: https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height */
-.is-table-row {
-  display: table;
-}
+@media (min-width: 768px) {
+  .is-table-row {
+    display: table;
+  }
 
-.is-table-row [class*="span"] {
-  float: none;
-  display: table-cell;
-  vertical-align: top;
-}
+  .is-table-row [class*="span"] {
+    float: none;
+    display: table-cell;
+    vertical-align: top;
+  }
 
-.is-table-row .row-fluid [class*="span"] {
-  float: none;
-  display: block;
+  .is-table-row .row-fluid [class*="span"] {
+    float: none;
+    display: block;
+  }
 }
 
 .pill {
@@ -1652,6 +1654,7 @@ body {
 .resource-title {
   float: left;
   margin-left: 5px;
+  margin-bottom: 10px;
   text-overflow: ellipsis;
   overflow: hidden;
   /* width: 395px; */
@@ -1687,6 +1690,7 @@ body {
 .resource-title-container {
   display: flex;
   justify-content: space-between;
+  flex-wrap: wrap;
   width: 100%;
 }