diff --git a/datamodels/2.x/itop-portal-base/portal/web/css/portal.css b/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
index 623ba4422..c4d1cd95a 100644
--- a/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
+++ b/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
@@ -770,23 +770,23 @@ table .group-actions {
   }
 }
 @media (min-width: 992px) {
-  /* Layout 7 */
+  /* Layout 5 & 7 */
   .mosaic-item {
     padding: 10px 15px;
   }
   .mosaic-group-back {
     font-size: 40px;
   }
-  .mosaic-item-layout-7 .mosaic-item-image {
+  .mosaic-item-layout-5 .mosaic-item-image, .mosaic-item-layout-7 .mosaic-item-image {
     display: table-cell;
     width: 105px;
     padding-left: 5px;
     padding-right: 18px;
   }
-  .mosaic-item-layout-7 .mosaic-item-image > img {
+  .mosaic-item-layout-5 .mosaic-item-image > img, .mosaic-item-layout-7 .mosaic-item-image > img {
     max-width: 100%;
   }
-  .mosaic-item-layout-7 .mosaic-item-name {
+  .mosaic-item-layout-5 .mosaic-item-name, .mosaic-item-layout-7 .mosaic-item-name {
     font-size: 12px;
   }
 }
diff --git a/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss b/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss
index bfe4297e3..8e8ef2c68 100644
--- a/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss
+++ b/datamodels/2.x/itop-portal-base/portal/web/css/portal.scss
@@ -839,16 +839,19 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
 		font-size: 40px;
 	}
 
-	/* Layout 7 */
+	/* Layout 5 & 7 */
+	.mosaic-item-layout-5 .mosaic-item-image,
 	.mosaic-item-layout-7 .mosaic-item-image{
 		display: table-cell;
 		width: 105px;
 		padding-left: 5px;
 		padding-right: 18px;
 	}
+	.mosaic-item-layout-5 .mosaic-item-image > img,
 	.mosaic-item-layout-7 .mosaic-item-image > img{
 		max-width: 100%;
 	}
+	.mosaic-item-layout-5 .mosaic-item-name,
 	.mosaic-item-layout-7 .mosaic-item-name{
 		font-size: 12px;
 	}