diff --git a/web-ui/src/main/resources/catalog/components/utility/partials/mosaic.html b/web-ui/src/main/resources/catalog/components/utility/partials/mosaic.html
index dfded5d45f9a..210ea7e492ac 100644
--- a/web-ui/src/main/resources/catalog/components/utility/partials/mosaic.html
+++ b/web-ui/src/main/resources/catalog/components/utility/partials/mosaic.html
@@ -1,4 +1,4 @@
-<div class="gallery">
+<div class="gallery gn-record-mosaic">
   <div data-ng-repeat="i in images">
     <img data-ng-src="{{i.data || (i.url | thumbnailUrlSize: imageSize)}}" />
   </div>
diff --git a/web-ui/src/main/resources/catalog/style/gn_metadata.less b/web-ui/src/main/resources/catalog/style/gn_metadata.less
index 7308fa0b4b4c..36ecc1408f7d 100644
--- a/web-ui/src/main/resources/catalog/style/gn_metadata.less
+++ b/web-ui/src/main/resources/catalog/style/gn_metadata.less
@@ -702,7 +702,7 @@ ul.container-list {
     margin-left: -4px;
   }
 
-  .gn-md-view .gallery {
+  .gn-md-view .gn-record-mosaic {
     border: 1px solid #ccc;
     padding: 4px 4px 0px 0px;
     width: 33%;
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 e54fda882849..6fc4fff0610e 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
@@ -170,7 +170,9 @@
       color: #fff;
       background-color: #333 !important;
     }
-    .gallery {
+    // excludes the record-view mosaic (data-gn-record-mosaic), which needs to
+    // keep its own floated width/height from gn_metadata.less .gn-record-mosaic
+    .gallery:not(.gn-record-mosaic) {
       width: 100%;
       margin-top: 15px;
       margin-bottom: 15px;