fix(Button): do not shrink button when there is only one icon

src/components/Button/Button.scss

@@ -294,6 +294,10 @@ $block: '.#{variables.$ns}button';
         &_side_end {
             order: 1;
         }
+
+        &:only-child {
+            margin: 0;
+        }
     }
 
     &:has(#{$block}__icon:only-child) {

src/components/Button/__tests__/Button.visual.test.tsx

@@ -2,7 +2,11 @@ import React from 'react';
 
 import {test} from '~playwright/core';
 
-import {ButtonStories, CustomIconSizeButton} from './helpersPlaywright';
+import {
+    ButtonStories,
+    CustomIconSizeButton,
+    SingleIconButtonInShrinkedContainer,
+} from './helpersPlaywright';
 
 test.describe('Button', () => {
     test('render story: <Default>', async ({mount, expectScreenshot}) => {
@@ -76,4 +80,10 @@ test.describe('Button', () => {
 
         await expectScreenshot();
     });
+
+    test('single Icon in shrinked container', async ({mount, expectScreenshot}) => {
+        await mount(<SingleIconButtonInShrinkedContainer />);
+
+        await expectScreenshot();
+    });
 });

src/components/Button/__tests__/helpersPlaywright.scss

@@ -0,0 +1,17 @@
+.button-view-showcase-container {
+    width: 200px;
+
+    .showcase__content {
+        flex-direction: column;
+    }
+
+    &__shrinked-container {
+        display: flex;
+        width: 20px;
+        border: 1px solid var(--g-color-line-generic);
+
+        &_max {
+            width: 100%;
+        }
+    }
+}

src/components/Button/__tests__/helpersPlaywright.tsx

@@ -1,13 +1,18 @@
 import React from 'react';
 
-import {ChevronDown, Globe} from '@gravity-ui/icons';
+import {ChevronDown, Globe, Xmark} from '@gravity-ui/icons';
 import {composeStories} from '@storybook/react';
 
 import {Button} from '..';
 import {Showcase} from '../../../demo/Showcase';
 import {Icon} from '../../Icon';
+import {cn} from '../../utils/cn';
 import * as DefaultButtonStories from '../__stories__/Button.stories';
 
+import './helpersPlaywright.scss';
+
+const b = cn('button-view-showcase-container');
+
 export const ButtonStories = composeStories(DefaultButtonStories);
 
 export const CustomIconSizeButton = () => (
@@ -39,3 +44,18 @@ export const CustomIconSizeButton = () => (
         </Button>
     </Showcase>
 );
+
+export const SingleIconButtonInShrinkedContainer = () => (
+    <Showcase className={b()}>
+        <div className={b('shrinked-container')}>
+            <Button size="xl">
+                <Icon size={24} data={Xmark} />
+            </Button>
+        </div>
+        <div className={b('shrinked-container', {max: true})}>
+            <Button size="xl" width="max">
+                <Icon size={24} data={Xmark} />
+            </Button>
+        </div>
+    </Showcase>
+);