Its coming from the tbody-icon class

I would like to work on this issue. Can this issue be assigned to me? Thanks.

You don't need to ask for permission nor to be assigned to an issue. You can create a PR directly.

I am completely new to open source contribution. Thanks for informing.

Is this issue solved? Because the behaviour shown in image above does not appear in my forked repository.
It shows something like this:

@NikitaEmberi You are checking Joomla 3. This is a problem in Joomla 4

Oh my bad. I upgraded to joomla 4 but the behaviour shown in above image seems to be resolved

@NikitaEmberi The issue is that tbody-icon should not be in td but in a separate span instead. Please find all instances to fix.

\administrator\components\com_contact\tmpl\contacts\modal.php

Before:

						<td class="text-center tbody-icon">
							<span class="<?php echo $iconStates[$this->escape($item->published)]; ?>" aria-hidden="true"></span>
						</td>

After:

						<td class="text-center">
							<span class="tbody-icon">
								<span class="<?php echo $iconStates[$this->escape($item->published)]; ?>" aria-hidden="true"></span>
							</span>
						</td>

@Quy thanks for your help. It helped me solve the issue.

@NikitaEmberi There are more like this. Please do a find and fix. Thanks.

@Quy sir there were merge conflicts with the pr issued. Do I need to solve them? I see this issue is now closed...

@NikitaEmberi The procedure is to close the issue when there is a PR for it.