fix(Toaster): use logical css values in stories (#1142)

gravity-ui · Dec 6, 2023 · 8663c2d · 8663c2d
1 parent d0eac41
commit 8663c2d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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}>