From b60f873a840d8360191be3d13916a696d54d7e9c Mon Sep 17 00:00:00 2001
From: Alexandr Isaev <aisaev188@yandex-team.ru>
Date: Tue, 23 Apr 2024 14:44:16 +0300
Subject: [PATCH 1/2] fix(Alert): fix close button width

---
 src/components/Alert/Alert.scss | 4 ++++
 src/components/Alert/Alert.tsx  | 9 ++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/Alert/Alert.scss b/src/components/Alert/Alert.scss
index de329d75f3..34b4ede0ca 100644
--- a/src/components/Alert/Alert.scss
+++ b/src/components/Alert/Alert.scss
@@ -14,4 +14,8 @@ $block: '.#{variables.$ns}alert';
     &__actions_minContent {
         width: min-content;
     }
+
+    &__close-btn {
+        flex-shrink: 0;
+    }
 }
diff --git a/src/components/Alert/Alert.tsx b/src/components/Alert/Alert.tsx
index 902340d6ef..c79ef2f5e9 100644
--- a/src/components/Alert/Alert.tsx
+++ b/src/components/Alert/Alert.tsx
@@ -17,6 +17,10 @@ import {DEFAULT_ICON_SIZE, bAlert} from './constants';
 import i18n from './i18n';
 import type {AlertProps} from './types';
 
+const closeBtnExtraProps = {
+    'aria-label': i18n('label_close'),
+};
+
 export const Alert = (props: AlertProps) => {
     const {
         theme = 'normal',
@@ -66,10 +70,9 @@ export const Alert = (props: AlertProps) => {
                     {onClose && (
                         <Button
                             view="flat"
+                            className={bAlert('close-btn')}
                             onClick={onClose}
-                            extraProps={{
-                                'aria-label': i18n('label_close'),
-                            }}
+                            extraProps={closeBtnExtraProps}
                         >
                             <Icon
                                 data={Xmark}

From 945e03cfd4bec3d8c5ad127ee533836dc91bdcef Mon Sep 17 00:00:00 2001
From: Alexandr Isaev <aisaev188@yandex-team.ru>
Date: Tue, 23 Apr 2024 15:02:06 +0300
Subject: [PATCH 2/2] fix: review fixes

---
 src/components/Alert/Alert.tsx                         | 8 +++-----
 src/components/Alert/__snapshots__/Alert.test.tsx.snap | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/Alert/Alert.tsx b/src/components/Alert/Alert.tsx
index c79ef2f5e9..97e75f23ae 100644
--- a/src/components/Alert/Alert.tsx
+++ b/src/components/Alert/Alert.tsx
@@ -17,10 +17,6 @@ import {DEFAULT_ICON_SIZE, bAlert} from './constants';
 import i18n from './i18n';
 import type {AlertProps} from './types';
 
-const closeBtnExtraProps = {
-    'aria-label': i18n('label_close'),
-};
-
 export const Alert = (props: AlertProps) => {
     const {
         theme = 'normal',
@@ -72,7 +68,9 @@ export const Alert = (props: AlertProps) => {
                             view="flat"
                             className={bAlert('close-btn')}
                             onClick={onClose}
-                            extraProps={closeBtnExtraProps}
+                            extraProps={{
+                                'aria-label': i18n('label_close'),
+                            }}
                         >
                             <Icon
                                 data={Xmark}
diff --git a/src/components/Alert/__snapshots__/Alert.test.tsx.snap b/src/components/Alert/__snapshots__/Alert.test.tsx.snap
index 300477728f..d17001bf97 100644
--- a/src/components/Alert/__snapshots__/Alert.test.tsx.snap
+++ b/src/components/Alert/__snapshots__/Alert.test.tsx.snap
@@ -73,7 +73,7 @@ exports[`Alert has predicted styles if inline layout rendered 1`] = `
       </div>
       <button
         aria-label="Close"
-        class="g-button g-button_view_flat g-button_size_m g-button_pin_round-round"
+        class="g-button g-button_view_flat g-button_size_m g-button_pin_round-round g-alert__close-btn"
         type="button"
       >
         <span