From d336e40fa6a6a31071bc676ec4df700f7476c521 Mon Sep 17 00:00:00 2001
From: desig9stein <mspopovv@gmail.com>
Date: Thu, 29 May 2025 17:35:03 +0300
Subject: [PATCH] fix(file-group): fix misalignment in material variant.

---
 src/components/file-input/file-input.ts          |  6 ++++--
 .../file-input/themes/file-input.base.scss       | 16 +++++++++++++---
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/file-input/file-input.ts b/src/components/file-input/file-input.ts
index 4890714fc..bbf67e34d 100644
--- a/src/components/file-input/file-input.ts
+++ b/src/components/file-input/file-input.ts
@@ -193,8 +193,10 @@ export default class IgcFileInputComponent extends IgcInputBaseComponent {
           </igc-button>
         </div>
         <div part="file-names">
-          ${this._fileNames ??
-          html`<slot name="file-missing-text">${emptyText}</slot>`}
+          <span>
+            ${this._fileNames ??
+            html`<slot name="file-missing-text">${emptyText}</slot>`}
+          </span>
         </div>
       </div>
     `;
diff --git a/src/components/file-input/themes/file-input.base.scss b/src/components/file-input/themes/file-input.base.scss
index bc902ae42..599a716cd 100644
--- a/src/components/file-input/themes/file-input.base.scss
+++ b/src/components/file-input/themes/file-input.base.scss
@@ -18,10 +18,15 @@ $theme: $base;
     }
 
     [part='file-names'] {
-        @include ellipsis();
-
-        align-content: center;
+        display: flex;
+        align-items: center;
+        max-height: var-get($theme, 'size');
+        height: 100%;
         grid-area: 1 / 3;
+
+        > span {
+            @include ellipsis();
+        }
     }
 
     [part~='container'] {
@@ -39,6 +44,11 @@ $theme: $base;
         opacity: 0;
     }
 
+    [part~='container'],
+    [part~='input'] {
+        height: var-get($theme, 'size');
+    }
+
     [part~='input']::file-selector-button {
         width: 100%;
         cursor: auto;