diff --git a/packages/common/components/FloatingButton/FloatingButton.js b/packages/common/components/FloatingButton/FloatingButton.js
index 1c0dddbaa9..92845a0ccd 100644
--- a/packages/common/components/FloatingButton/FloatingButton.js
+++ b/packages/common/components/FloatingButton/FloatingButton.js
@@ -67,7 +67,7 @@ const FloatingButton = (props) => {
   }, [percent, setAnimationCompleted]);
 
   return (
-    <StyledFloatingButtonWrapper>
+    <StyledFloatingButtonWrapper className="layout-progress-bar_wrapper">
       <ColorTheme
         {...props}
         themeId={ThemeType.FloatingButton}
diff --git a/packages/common/components/FloatingButton/StyledFloatingButton.js b/packages/common/components/FloatingButton/StyledFloatingButton.js
index 8624293985..a8ba2c6363 100644
--- a/packages/common/components/FloatingButton/StyledFloatingButton.js
+++ b/packages/common/components/FloatingButton/StyledFloatingButton.js
@@ -24,7 +24,7 @@ const StyledFloatingButtonWrapper = styled.div`
     right: 77px;
     bottom: 33px;
   }
-  :hover {
+  &:hover {
     .layout-progress-bar_close-icon {
       display: block;
     }
diff --git a/packages/common/components/Section/sub-components/section-container.js b/packages/common/components/Section/sub-components/section-container.js
index fcd16992dc..c7c5f28381 100644
--- a/packages/common/components/Section/sub-components/section-container.js
+++ b/packages/common/components/Section/sub-components/section-container.js
@@ -73,6 +73,12 @@ const StyledSectionContainer = styled.section`
     max-width: 100vw !important;
   `}
 
+  .layout-progress-bar_wrapper {
+    position: fixed;
+    right: ${(props) =>
+      props.isInfoPanelVisible && !isMobile ? "424px" : "24px"};
+  }
+
   .layout-progress-bar {
     position: fixed;
     right: ${(props) =>