diff --git a/infolog/templates/mobile/app.css b/infolog/templates/mobile/app.css
index 272a0d6bef..20618ed087 100644
--- a/infolog/templates/mobile/app.css
+++ b/infolog/templates/mobile/app.css
@@ -16,12 +16,10 @@
   }
   .infoDescRow {
     height: 32px;
-    font-size: 10pt;
     max-width: 99%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    padding-top: 8px;
   }
   div.infoLinksRow,
   div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] {
diff --git a/infolog/templates/mobile/app.less b/infolog/templates/mobile/app.less
index fd746ecabc..d728801eb1 100644
--- a/infolog/templates/mobile/app.less
+++ b/infolog/templates/mobile/app.less
@@ -21,12 +21,10 @@
 	}
 	.infoDescRow {
 		height:32px;
-		.mob-fontsize-n;
 		max-width: 99%;
 		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
-		padding-top: 8px;
 	}
 	div.infoLinksRow, div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] {
 		.mob-fontsize-n;
diff --git a/infolog/templates/mobile/index.xet b/infolog/templates/mobile/index.xet
index d84f168f29..f3ce8aefdb 100644
--- a/infolog/templates/mobile/index.xet
+++ b/infolog/templates/mobile/index.xet
@@ -19,7 +19,7 @@
 
 				</row>
 				<row class="$row_cont[class]" valign="top">
-					<et2-description  class="cat_$row_cont[info_cat] mobile_cat_col"></et2-description>
+                    <et2-description class="cat_$row_cont[info_cat] mobile_cat_col" style="background-color: var(--cat_${row_cont[info_cat]}_color);"></et2-description>
 					<et2-vbox  class="infolog_fullWidth">
 						<customfields-list id="$row" class="customfields" app="infolog" disabled="true"/>
 						<et2-hbox  class="infoSubRow">
@@ -32,14 +32,14 @@
 					</et2-vbox>
 					<et2-vbox  class="infolog_CompletedClmn">
 						<et2-date-time-today  id="${row}[info_startdate]" readonly="true" options=",8"></et2-date-time-today>
-						<et2-vbox>
+                        <et2-hbox>
 							<et2-hbox  class="infoType">
-                                <et2-image label="$row_cont[info_type]" src="infolog/$row_cont[info_type]" defaultSrc="infolog/navbar" align="right"></et2-image>
+                                <et2-image label="$row_cont[info_type]" src="infolog/$row_cont[info_type]" defaultSrc="infolog/navbar"></et2-image>
 							</et2-hbox>
 							<et2-hbox  class="infoPercent">
 								<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
 							</et2-hbox>
-						</et2-vbox>
+                        </et2-hbox>
 						<et2-date-time-today  id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]" width="64"></et2-date-time-today>
 					</et2-vbox>
 				</row>
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index b5784bc237..7bc2b7f01c 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -8902,8 +8902,7 @@ table.egwGridView_grid img.et2_appicon {
   body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_textbox,
   body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_textbox_ro,
   body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_email,
-  body .et2_nextmatch table.egwGridView_grid tbody tr td img,
-  body .et2_nextmatch table.egwGridView_grid tbody tr td span {
+  body .et2_nextmatch table.egwGridView_grid tbody tr td img {
     padding: 8px 0px 0px 0px;
   }
   body .et2_nextmatch table.egwGridView_grid tbody tr td time.et2_label,
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index b4cac678a5..3574799b8e 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -1129,7 +1129,7 @@
 						td {
 							padding: 10px 0px 10px 0px;
 							.et2_label, .et2_button, .et2_link, .et2_textbox, .et2_textbox_ro,
-							.et2_email, img, span{
+							.et2_email, img {
 								padding: 8px 0px 0px 0px;
 							}
 							time.et2_label, span.mobile_cat_col {