diff --git a/packages/asc-web-components/main-button-mobile/index.js b/packages/asc-web-components/main-button-mobile/index.js
index 8e1fb3b3b8..ff5afcb077 100644
--- a/packages/asc-web-components/main-button-mobile/index.js
+++ b/packages/asc-web-components/main-button-mobile/index.js
@@ -223,8 +223,12 @@ const MainButtonMobile = (props) => {
 
   return (
     <>
-      <Backdrop zIndex={200} visible={isOpen} onClick={outsideClick} />
-      <div ref={ref} className={className} style={{ zIndex: "201", ...style }}>
+      <Backdrop zIndex={210} visible={isOpen} onClick={outsideClick} />
+      <div
+        ref={ref}
+        className={className}
+        style={{ zIndex: `${isOpen ? "211" : "201"}`, ...style }}
+      >
         <StyledFloatingButton
           icon={isOpen ? "minus" : "plus"}
           isOpen={isOpen}