diff --git a/packages/client/src/pages/Settings/Section/Body/StyledSettings.js b/packages/client/src/pages/Settings/Section/Body/StyledSettings.js
index 17e8ca9226..066a1dfb60 100644
--- a/packages/client/src/pages/Settings/Section/Body/StyledSettings.js
+++ b/packages/client/src/pages/Settings/Section/Body/StyledSettings.js
@@ -1,5 +1,6 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { tablet } from "@docspace/components/utils/device";
+import { isMobile } from "react-device-detect";
 
 const StyledSettings = styled.div`
   margin-top: ${(props) => (props.showTitle ? 24 : 34)}px;
@@ -8,6 +9,11 @@ const StyledSettings = styled.div`
     margin-top: 8px;
   }
 
+  ${isMobile &&
+  css`
+    margin-top: 8px;
+  `}
+
   width: 100%;
 
   display: grid;
diff --git a/packages/client/src/pages/Settings/Section/Body/index.js b/packages/client/src/pages/Settings/Section/Body/index.js
index ab24b4b964..57b23cd934 100644
--- a/packages/client/src/pages/Settings/Section/Body/index.js
+++ b/packages/client/src/pages/Settings/Section/Body/index.js
@@ -12,6 +12,7 @@ import Submenu from "@docspace/components/submenu";
 import CommonSettings from "./CommonSettings";
 import AdminSettings from "./AdminSettings";
 import { tablet } from "@docspace/components/utils/device";
+import { isMobile } from "react-device-detect";
 
 const StyledContainer = styled.div`
   margin-top: -22px;
@@ -19,6 +20,11 @@ const StyledContainer = styled.div`
   @media ${tablet} {
     margin-top: 0px;
   }
+
+  ${isMobile &&
+  css`
+    margin-top: 0px;
+  `}
 `;
 
 const SectionBodyContent = ({ isAdmin, isErrorSettings, history }) => {