diff --git a/src/shared/styles/theme.css b/src/shared/styles/theme.css
index c8b4cfc..5be9f89 100644
--- a/src/shared/styles/theme.css
+++ b/src/shared/styles/theme.css
@@ -273,7 +273,7 @@
 .brutal-border-sidebar {
   border-bottom: var(--border-width) solid var(--blue);
 }
-@media (min-width: 768px) {
+@media (min-width: 1024px) {
   .brutal-border-sidebar {
     border-bottom: none;
     border-right: var(--border-width) solid var(--blue);
diff --git a/src/shared/ui/Card/ui/Card.test.tsx b/src/shared/ui/Card/ui/Card.test.tsx
index ccb4a3a..4f48ced 100644
--- a/src/shared/ui/Card/ui/Card.test.tsx
+++ b/src/shared/ui/Card/ui/Card.test.tsx
@@ -97,10 +97,10 @@ describe('CardSidebar', () => {
       expect(sidebar).toHaveClass('brutal-border-sidebar');
     });
 
-    it('sidebar column has fixed width on md', () => {
+    it('sidebar column has fixed width on lg', () => {
       render(<CardSidebar sidebar={<span>Sidebar</span>}>Main</CardSidebar>);
       const sidebar = screen.getByText('Sidebar').parentElement;
-      expect(sidebar).toHaveClass('md:w-64');
+      expect(sidebar).toHaveClass('lg:w-64');
     });
 
     it('main column fills remaining space', () => {
diff --git a/src/shared/ui/Card/ui/Card.tsx b/src/shared/ui/Card/ui/Card.tsx
index 8a823ed..8e73a82 100644
--- a/src/shared/ui/Card/ui/Card.tsx
+++ b/src/shared/ui/Card/ui/Card.tsx
@@ -108,9 +108,9 @@ interface CardSidebarProps {
  */
 export function CardSidebar({ sidebar, children, className }: CardSidebarProps) {
   return (
-    <div className={cn('flex flex-col md:flex-row', className)}>
-      <div className="shrink-0 md:w-64 brutal-border-sidebar pb-6 md:pb-0 md:pr-8 mb-6 md:mb-0">{sidebar}</div>
-      <div className="flex-1 min-w-0 md:pl-8">{children}</div>
+    <div className={cn('flex flex-col lg:flex-row', className)}>
+      <div className="shrink-0 lg:w-64 brutal-border-sidebar pb-6 lg:pb-0 lg:pr-8 mb-6 lg:mb-0">{sidebar}</div>
+      <div className="flex-1 min-w-0 lg:pl-8">{children}</div>
     </div>
   );
 }