Web:Components: Returned styles.

packages/components/main-button-mobile/index.js

@@ -355,12 +355,11 @@ const MainButtonMobile = (props) => {
         className={className}
         style={{ zIndex: `${isOpen ? "211" : "201"}`, ...style }}
       >
-        <ColorTheme
+        <StyledFloatingButton
           icon={isOpen ? "minus" : "plus"}
           isOpen={isOpen}
           onClick={onMainButtonClick}
           percent={percent}
-          type={ThemeType.MainButtonMobile}
         />
 
         <StyledDropDown

packages/components/main-button-mobile/styled-main-button.js

@@ -10,8 +10,13 @@ import { mobile } from "../utils/device";
 const StyledFloatingButton = styled(FloatingButton)`
   position: relative;
   z-index: 1010;
+  background: ${(props) => props.theme.mainButtonMobile.buttonColor};
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
+  .circle__background {
+    background: ${(props) => props.theme.mainButtonMobile.buttonColor};
+  }
+
   .circle__mask + div {
     display: flex;
     align-items: center;