no message

src/layout/Sidebar/styles.js

@@ -688,7 +688,7 @@ const StyledBlock=styled.nav`
     let display=column>1?"grid":"flex";
     let grid_template_columns=column>1&&open?`grid-template-columns: repeat(${column}, minmax(0, 1fr));`:'';
     let flex_direction=column>1?'':'flex-direction: column;';
-    let padding=props.open?'padding: 0px 1rem;':'padding: 0px 0.43rem;';
+    let padding=props.open?'padding: 0px 0.75rem;':'padding: 0px 0.43rem;';
     return`
       display: ${display};
       ${grid_template_columns}

src/widgets/WCashWheel/WHallWheel/WHallWheel.jsx

@@ -12,6 +12,7 @@ import {LOCAL_WHEEL_RETAIN} from "@constants/localkey";
 import {useSelector} from "react-redux";
 import {isLogined} from "@features/mainSlice";
 import {getTurnplate} from "@features/turnplateSlice";
+import SvgIcon from "@components/SvgIcon";
 
 const WHallWheel=({open,onClose})=>{
     const [openShare,setOpenShare]=useState(false);
@@ -73,7 +74,8 @@ const WHallWheel=({open,onClose})=>{
                             <Grow in={open} timeout={500}>
                                 <div className={styles.content}>
                                     <button className={styles.close} onClick={onCheckClose} aria-label="Close popup">
-                                        <i className="icon-xmark"/>
+                                        <SvgIcon herf={"icon_Close"}></SvgIcon>
+                                        {/*<i className="icon-xmark"/>*/}
                                     </button>
                                     <WWheel showShare={false} openShare={openShareBox} onClose={onClose}></WWheel>
                                 </div>

src/widgets/WCashWheel/WHallWheel/styles.module.scss

@@ -25,6 +25,11 @@
       font-size: 1.4rem;
       color: var(--header);
     }
+    svg{
+      width: 1.4rem;
+      height: 1.4rem;
+      fill: var(--header);
+    }
   }
   @media screen and (min-width: $width-desktop-small-min) {
     max-width: 38rem;