diff --git a/src/entities/project/ui/ProjectCard/ProjectCard.test.tsx b/src/entities/project/ui/ProjectCard/ProjectCard.test.tsx
index 0985915..0d3cef8 100644
--- a/src/entities/project/ui/ProjectCard/ProjectCard.test.tsx
+++ b/src/entities/project/ui/ProjectCard/ProjectCard.test.tsx
@@ -98,7 +98,7 @@ describe('ProjectCard', () => {
it('View Project button uses sm size', () => {
render();
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', () => {
diff --git a/src/shared/ui/Button/ui/Button.test.tsx b/src/shared/ui/Button/ui/Button.test.tsx
index e6535d1..388838f 100644
--- a/src/shared/ui/Button/ui/Button.test.tsx
+++ b/src/shared/ui/Button/ui/Button.test.tsx
@@ -38,7 +38,7 @@ describe('Button', () => {
});
it('applies sm size', () => {
render();
- 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();
@@ -87,7 +87,7 @@ describe('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');
});
});
});
diff --git a/src/shared/ui/Button/ui/Button.tsx b/src/shared/ui/Button/ui/Button.tsx
index bd0c39b..2a11e58 100644
--- a/src/shared/ui/Button/ui/Button.tsx
+++ b/src/shared/ui/Button/ui/Button.tsx
@@ -52,7 +52,7 @@ const VARIANTS = {
} as const satisfies Record;
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;