diff --git a/webapp/src/components/properties/createdAt/createdAt.scss b/webapp/src/components/properties/createdAt/createdAt.scss
new file mode 100644
index 000000000..f33149894
--- /dev/null
+++ b/webapp/src/components/properties/createdAt/createdAt.scss
@@ -0,0 +1,4 @@
+.CreatedAt {
+    display: flex;
+    align-items: center;
+}
diff --git a/webapp/src/components/properties/createdAt/createdAt.tsx b/webapp/src/components/properties/createdAt/createdAt.tsx
index e3593863b..30268bf28 100644
--- a/webapp/src/components/properties/createdAt/createdAt.tsx
+++ b/webapp/src/components/properties/createdAt/createdAt.tsx
@@ -6,6 +6,7 @@ import React from 'react'
 import {useIntl} from 'react-intl'
 
 import {Utils} from '../../../utils'
+import './createdAt.scss'
 
 type Props = {
     createAt: number
diff --git a/webapp/src/components/properties/lastModifiedAt/lastModifiedAt.scss b/webapp/src/components/properties/lastModifiedAt/lastModifiedAt.scss
new file mode 100644
index 000000000..ee1a78618
--- /dev/null
+++ b/webapp/src/components/properties/lastModifiedAt/lastModifiedAt.scss
@@ -0,0 +1,4 @@
+.LastModifiedAt {
+    display: flex;
+    align-items: center;
+}
diff --git a/webapp/src/components/properties/lastModifiedAt/lastModifiedAt.tsx b/webapp/src/components/properties/lastModifiedAt/lastModifiedAt.tsx
index 75345fb74..662e91470 100644
--- a/webapp/src/components/properties/lastModifiedAt/lastModifiedAt.tsx
+++ b/webapp/src/components/properties/lastModifiedAt/lastModifiedAt.tsx
@@ -10,6 +10,7 @@ import {Block} from '../../../blocks/block'
 import {ContentBlock} from '../../../blocks/contentBlock'
 import {CommentBlock} from '../../../blocks/commentBlock'
 import {Utils} from '../../../utils'
+import './lastModifiedAt.scss'
 
 type Props = {
     card: Card,
diff --git a/webapp/src/components/properties/lastModifiedBy/lastModifiedBy.scss b/webapp/src/components/properties/lastModifiedBy/lastModifiedBy.scss
new file mode 100644
index 000000000..3ce6ff2cc
--- /dev/null
+++ b/webapp/src/components/properties/lastModifiedBy/lastModifiedBy.scss
@@ -0,0 +1,4 @@
+.LastModifiedBy {
+    display: flex;
+    align-items: center;
+}
diff --git a/webapp/src/components/properties/lastModifiedBy/lastModifiedBy.tsx b/webapp/src/components/properties/lastModifiedBy/lastModifiedBy.tsx
index 13e8f0ab3..b38fab7f5 100644
--- a/webapp/src/components/properties/lastModifiedBy/lastModifiedBy.tsx
+++ b/webapp/src/components/properties/lastModifiedBy/lastModifiedBy.tsx
@@ -11,6 +11,7 @@ import {Board} from '../../../blocks/board'
 import {Block} from '../../../blocks/block'
 import {getWorkspaceUsers} from '../../../store/users'
 import {useAppSelector} from '../../../store/hooks'
+import './lastModifiedBy.scss'
 
 type Props = {
     card: Card,
diff --git a/webapp/src/components/properties/user/user.scss b/webapp/src/components/properties/user/user.scss
index 93dc27318..0cba290ab 100644
--- a/webapp/src/components/properties/user/user.scss
+++ b/webapp/src/components/properties/user/user.scss
@@ -1,6 +1,8 @@
 .UserProperty {
     margin-right: 20px;
     min-width: 120px;
+    display: flex;
+    align-items: center;
 
     &.readonly {
         overflow: hidden;