From ce29be0f38daafbd4f78dd6c7a64000cfa7fd29c Mon Sep 17 00:00:00 2001
From: Harshil Sharma <18575143+harshilsharma63@users.noreply.github.com>
Date: Mon, 20 Jan 2025 19:51:04 +0530
Subject: [PATCH] Fixed minor misalignments with image component (#29861)

* Fixed minor misalignments with image component

* lint fix
---
 webapp/channels/src/sass/components/_files.scss | 4 ++--
 webapp/channels/src/sass/components/_post.scss  | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/webapp/channels/src/sass/components/_files.scss b/webapp/channels/src/sass/components/_files.scss
index 8073105022..ae5954714d 100644
--- a/webapp/channels/src/sass/components/_files.scss
+++ b/webapp/channels/src/sass/components/_files.scss
@@ -158,13 +158,13 @@
 
         .image-header {
             display: flex;
-            align-items: baseline;
+            align-items: center;
         }
 
         .image-name {
             display: inline-block;
             overflow: hidden;
-            margin: -4px 0 0 0;
+            margin: 0;
             color: rgba(functions.v(center-channel-color-rgb), 0.75);
             cursor: pointer;
             font-size: 12px;
diff --git a/webapp/channels/src/sass/components/_post.scss b/webapp/channels/src/sass/components/_post.scss
index 362af297af..caf7416452 100644
--- a/webapp/channels/src/sass/components/_post.scss
+++ b/webapp/channels/src/sass/components/_post.scss
@@ -977,7 +977,8 @@
     }
 
     .post-edited__indicator {
-        display: inline-block;
+        display: flex;
+        align-items: center;
         color: rgba(var(--center-channel-color-rgb), 0.75);
         font-size: 11px;
         font-style: italic;