From 0b829047c6e34e27e3db96919d8b9a4ddd2aa98d Mon Sep 17 00:00:00 2001
From: Valerii Sidorenko <balepas@nebius.com>
Date: Sat, 14 Feb 2026 21:18:00 +0100
Subject: [PATCH] chore(stroies): remove custom styles

---
 .../__stories__/RangeDateField.stories.scss           | 11 -----------
 .../__stories__/RangeDateField.stories.tsx            |  3 +--
 .../__stories__/RangeDatePicker.stories.scss          | 11 -----------
 .../__stories__/RangeDatePicker.stories.tsx           |  5 +++--
 4 files changed, 4 insertions(+), 26 deletions(-)
 delete mode 100644 src/components/RangeDateField/__stories__/RangeDateField.stories.scss
 delete mode 100644 src/components/RangeDatePicker/__stories__/RangeDatePicker.stories.scss

diff --git a/src/components/RangeDateField/__stories__/RangeDateField.stories.scss b/src/components/RangeDateField/__stories__/RangeDateField.stories.scss
deleted file mode 100644
index fed8112d..00000000
--- a/src/components/RangeDateField/__stories__/RangeDateField.stories.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@use '../../variables';
-
-$block: '.range-date-field-stories';
-
-$field: '.#{variables.$ns}range-date-field';
-
-#{$block} {
-    #{$field} {
-        width: 300px;
-    }
-}
diff --git a/src/components/RangeDateField/__stories__/RangeDateField.stories.tsx b/src/components/RangeDateField/__stories__/RangeDateField.stories.tsx
index 151bc299..3530446b 100644
--- a/src/components/RangeDateField/__stories__/RangeDateField.stories.tsx
+++ b/src/components/RangeDateField/__stories__/RangeDateField.stories.tsx
@@ -7,8 +7,6 @@ import preview from '#.storybook/preview';
 import {timeZoneControl} from '../../../demo/utils/zones';
 import {RangeDateField} from '../RangeDateField';
 
-import './RangeDateField.stories.scss';
-
 const meta = preview.meta({
     title: 'Components/RangeDateField',
     component: RangeDateField,
@@ -57,6 +55,7 @@ export const Default = meta.story({
                 ),
             });
         },
+        style: {width: 300},
     },
     argTypes: {
         minValue: {
diff --git a/src/components/RangeDatePicker/__stories__/RangeDatePicker.stories.scss b/src/components/RangeDatePicker/__stories__/RangeDatePicker.stories.scss
deleted file mode 100644
index 3f535fd4..00000000
--- a/src/components/RangeDatePicker/__stories__/RangeDatePicker.stories.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@use '../../variables';
-
-$block: '.range-date-picker-stories';
-
-$field: '.#{variables.$ns}range-date-picker__field';
-
-#{$block} {
-    #{$field} {
-        width: 225px;
-    }
-}
diff --git a/src/components/RangeDatePicker/__stories__/RangeDatePicker.stories.tsx b/src/components/RangeDatePicker/__stories__/RangeDatePicker.stories.tsx
index 69f4b440..178b960f 100644
--- a/src/components/RangeDatePicker/__stories__/RangeDatePicker.stories.tsx
+++ b/src/components/RangeDatePicker/__stories__/RangeDatePicker.stories.tsx
@@ -9,8 +9,6 @@ import preview from '#.storybook/preview';
 import {RangeCalendar} from '../../Calendar';
 import {RangeDatePicker} from '../RangeDatePicker';
 
-import './RangeDatePicker.stories.scss';
-
 const meta = preview.meta({
     title: 'Components/RangeDatePicker',
     component: RangeDatePicker,
@@ -61,6 +59,9 @@ export const Default = meta.story({
                 ),
             });
         },
+        style: {
+            width: 250,
+        },
     },
     argTypes: {
         minValue: {