From 8663c2dfc71f0c6fd44543db2751bebe6bbb06ee Mon Sep 17 00:00:00 2001
From: Hellen <el-makarova@yandex-team.ru>
Date: Mon, 20 Nov 2023 13:17:30 +0300
Subject: [PATCH] fix(Toaster): use logical css values in stories (#1142)

---
 src/components/Toaster/__stories__/ToasterShowcase.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Toaster/__stories__/ToasterShowcase.tsx b/src/components/Toaster/__stories__/ToasterShowcase.tsx
index 98dfc4988..b490b32ef 100644
--- a/src/components/Toaster/__stories__/ToasterShowcase.tsx
+++ b/src/components/Toaster/__stories__/ToasterShowcase.tsx
@@ -187,7 +187,7 @@ export const ToasterDemo = ({
     const createCustomToast = () => {
         const content = (
             <div style={{display: 'flex'}}>
-                <div style={{maxWidth: '86px', maxHeight: '86px', marginRight: '16px'}}>
+                <div style={{maxWidth: '86px', maxHeight: '86px', marginInlineEnd: '16px'}}>
                     <Icon size={86} data={CircleCheck} />
                 </div>
                 <div
@@ -298,7 +298,7 @@ export const ToasterDemo = ({
         setState((state) => ({...state, lastToastName: ''}));
     };
 
-    const btnStyle = {marginLeft: 20};
+    const btnStyle = {marginInlineStart: 20};
 
     const defaultToastBtn = (
         <Button view="outlined" size="l" onClick={createDefaultToast} style={btnStyle}>