src/entities/project/ui/ProjectCard/ProjectCard.test.tsx

@@ -98,7 +98,7 @@ describe('ProjectCard', () => {
     it('View Project button uses sm size', () => {
       render(<ProjectCard {...DEFAULT_PROPS} />);
       const btn = screen.getByRole('link', { name: /view project/i });
-      expect(btn).toHaveClass('px-4', 'py-2', 'text-sm');
+      expect(btn).toHaveClass('px-3', 'py-1.5', 'sm:px-4', 'sm:py-2', 'text-sm');
     });
 
     it('tags are xs outline badges', () => {

src/shared/ui/Button/ui/Button.test.tsx

@@ -38,7 +38,7 @@ describe('Button', () => {
     });
     it('applies sm size', () => {
       render(<Button size="sm">Go</Button>);
-      expect(screen.getByRole('button')).toHaveClass('px-4', 'py-2');
+      expect(screen.getByRole('button')).toHaveClass('px-3', 'py-1.5', 'sm:px-4', 'sm:py-2');
     });
     it('applies lg size', () => {
       render(<Button size="lg">Go</Button>);
@@ -87,7 +87,7 @@ describe('Button', () => {
         </Button>,
       );
       const link = screen.getByRole('link');
-      expect(link).toHaveClass('bg-blue', 'px-4', 'py-2');
+      expect(link).toHaveClass('bg-blue', 'px-3', 'py-1.5', 'sm:px-4', 'sm:py-2');
     });
   });
 });

src/shared/ui/Button/ui/Button.tsx

@@ -52,7 +52,7 @@ const VARIANTS = {
 } as const satisfies Record<ButtonVariant, string>;
 
 const SIZES = {
-  sm: 'px-4 py-2 text-sm',
+  sm: 'px-3 py-1.5 sm:px-4 sm:py-2 text-sm',
   md: 'px-6 py-3 text-base',
   lg: 'px-8 py-4 text-lg',
 } as const satisfies Record<ButtonSize, string>;