diff --git a/web-ui/src/main/resources/catalog/components/metadataactions/partials/related.html b/web-ui/src/main/resources/catalog/components/metadataactions/partials/related.html
index 9301df49d8f..0b936fb9c0e 100644
--- a/web-ui/src/main/resources/catalog/components/metadataactions/partials/related.html
+++ b/web-ui/src/main/resources/catalog/components/metadataactions/partials/related.html
@@ -176,8 +176,8 @@ <h3 data-ng-if="groupSiblingsByType && items.length > 0" class="gn-related-title
       {{type.replace('siblings', '') | translate}}
     </h3>
 
-    <ul class="gn-related-list">
-      <li data-ng-repeat="md in items | orderBy:getOrderBy">
+    <ul class="gn-related-list list-group">
+      <li class="list-group-item" data-ng-repeat="md in items | orderBy:getOrderBy">
         <a
           data-ng-hide="md.remoteUrl"
           href=""
diff --git a/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less b/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
index f61126f0a6e..908aa725dee 100644
--- a/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
+++ b/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
@@ -176,6 +176,19 @@
       background-color: lighten(@gray-base, 85%);
     }
   }
+  .gn-card-series, .gn-card-dataset, .gn-card-nonGeographicDataset, .gn-card-service, .gn-card-application {
+    .gn-related-list {
+      &.list-group {
+        padding: 0;
+        margin-bottom: 10px;
+        .list-group-item {
+          background: none;
+          border: 0;
+          padding: 0;
+        }
+      }
+    }
+  }
   .gn-series {
     .nav-pills {
       li {