diff --git a/lib/content-services/document-list/components/document-list.component.html b/lib/content-services/document-list/components/document-list.component.html
index 8e23555af5..6b5a083f91 100644
--- a/lib/content-services/document-list/components/document-list.component.html
+++ b/lib/content-services/document-list/components/document-list.component.html
@@ -20,7 +20,8 @@
(rowClick)="onNodeClick($event.value?.node)"
(rowDblClick)="onNodeDblClick($event.value?.node)"
(row-select)="onNodeSelect($event.detail)"
- (row-unselect)="onNodeUnselect($event.detail)">
+ (row-unselect)="onNodeUnselect($event.detail)"
+ [class.adf-datatable-gallery-thumbnails]="data.thumbnails">
diff --git a/lib/content-services/document-list/components/document-list.component.scss b/lib/content-services/document-list/components/document-list.component.scss
index 6b9cc2ce49..ff98e047b5 100644
--- a/lib/content-services/document-list/components/document-list.component.scss
+++ b/lib/content-services/document-list/components/document-list.component.scss
@@ -152,4 +152,28 @@
}
}
}
+
+ .adf-datatable-gallery-thumbnails {
+ .adf-data-table-card .adf-datatable-row {
+ height: 300px !important;
+
+ img {
+ height: 100px;
+ }
+
+ :first-child .cell-container .cell-value {
+ display: flex;
+ width: 265px;
+ flex: 0 0 auto;
+ justify-content: center;
+ }
+
+ .adf-data-table-cell.adf-datatable-table-cell.adf-data-table-cell--image {
+ flex: 0 0 auto;
+ display: flex;
+ flex-direction: column-reverse;
+ justify-content: space-between;
+ }
+ }
+ }
}
diff --git a/lib/core/datatable/components/datatable/datatable.component.scss b/lib/core/datatable/components/datatable/datatable.component.scss
index 61a0a61c9d..312200c518 100644
--- a/lib/core/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/datatable/components/datatable/datatable.component.scss
@@ -45,7 +45,7 @@
max-width: 288px !important;
min-width: 288px !important;
- height: 200px !important;
+ height: 200px;
overflow: hidden !important;
margin: 6px;