diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/views/grid/user-grid-collection-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/views/grid/user-grid-collection-view.element.ts
index f80fa2d9b4..50e9b8ca83 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/views/grid/user-grid-collection-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/views/grid/user-grid-collection-view.element.ts
@@ -9,6 +9,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UserStateModel } from '@umbraco-cms/backoffice/external/backend-api';
 import type { UmbUserGroupDetailModel } from '@umbraco-cms/backoffice/user-group';
 import { UmbUserGroupCollectionRepository } from '@umbraco-cms/backoffice/user-group';
+import { UmbUserKind } from '../../../utils/index.js';
 
 @customElement('umb-user-grid-collection-view')
 export class UmbUserGridCollectionViewElement extends UmbLitElement {
@@ -115,12 +116,14 @@ export class UmbUserGridCollectionViewElement extends UmbLitElement {
 	}
 
 	#renderUserLoginDate(user: UmbUserDetailModel) {
+		if (user.kind === UmbUserKind.API) return nothing;
+
 		if (!user.lastLoginDate) {
 			return html`<div class="user-login-time">${`${user.name} ${this.localize.term('user_noLogin')}`}</div>`;
 		}
 
 		return html`<div class="user-login-time">
-			<umb-localize key="user_lastLogin"></umb-localize><br />
+			<umb-localize key="user_lastLogin"></umb-localize>
 			${this.localize.date(user.lastLoginDate)}
 		</div>`;
 	}
@@ -142,6 +145,8 @@ export class UmbUserGridCollectionViewElement extends UmbLitElement {
 			uui-card-user {
 				width: 100%;
 				height: 180px;
+				justify-content: normal;
+				padding-top: var(--uui-size-space-5);
 			}
 
 			.user-login-time {
diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/user/components/user-avatar/user-avatar.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/user/components/user-avatar/user-avatar.element.ts
index 56705be737..95834ad9a2 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/user/components/user-avatar/user-avatar.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/user/components/user-avatar/user-avatar.element.ts
@@ -1,7 +1,7 @@
 import type { UmbUserItemModel } from '../../repository/index.js';
+import { UmbUserKind } from '../../utils/index.js';
 import { css, html, customElement, property, nothing, ifDefined, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-import { UmbUserKind } from '../../utils/index.js';
 
 const elementName = 'umb-user-avatar';
 @customElement(elementName)