diff --git a/app/src/assets/scss/business/_config.scss b/app/src/assets/scss/business/_config.scss
index fce8dd176..cb610e1f1 100644
--- a/app/src/assets/scss/business/_config.scss
+++ b/app/src/assets/scss/business/_config.scss
@@ -14,7 +14,7 @@
     box-sizing: border-box;
     height: 100%;
 
-    .b3-label {
+    .b3-label:not(.b3-label--inner) {
       padding: 16px 0;
       margin: 0 24px;
     }
diff --git a/app/src/assets/scss/component/_form.scss b/app/src/assets/scss/component/_form.scss
index 9e140decd..d77968694 100644
--- a/app/src/assets/scss/component/_form.scss
+++ b/app/src/assets/scss/component/_form.scss
@@ -113,7 +113,11 @@
 
   &--inner {
     border-bottom: 0;
-    padding: 0 !important;
+    padding: 0 0 16px 0;
+
+    &:last-child {
+      padding-bottom: 0;
+    }
   }
 
   &:last-child,
@@ -125,3 +129,25 @@
     border-bottom: 1px solid var(--b3-border-color) !important;
   }
 }
+
+
+@media screen and (max-width: 750px) {
+  .b3-label--inner {
+    flex-wrap: wrap;
+
+    & > .b3-text-field,
+    & > .b3-select,
+    & > .b3-form__icona {
+      width: 100%;
+      margin-top: 8px;
+    }
+
+    & > .b3-button {
+      width: 100%;
+
+      &:last-child {
+        margin-top: 16px;
+      }
+    }
+  }
+}
diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index a1d62876e..153696f2f 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -482,7 +482,6 @@ html[lang="zh_CN"] .protyle-wysiwyg [data-node-id]:last-child [spellcheck][conte
   content: "键入文字";
 }
 
-
 @media (max-width: 620px) {
   .protyle-wysiwyg [data-node-id].sb[data-sb-layout="col"] {
     flex-direction: column;
diff --git a/app/src/config/repos.ts b/app/src/config/repos.ts
index 796f37a28..65b996758 100644
--- a/app/src/config/repos.ts
+++ b/app/src/config/repos.ts
@@ -10,7 +10,7 @@ const renderProvider = (provider: number) => {
     if (provider === 0) {
         if (needSubscribe("")) {
             return `<div class="b3-label b3-label--inner">${window.siyuan.config.system.container === "ios" ? window.siyuan.languages._kernel[122] : window.siyuan.languages._kernel[29].replace("${url}", getCloudURL("subscribe/siyuan"))}</div>
-<div class="b3-label b3-label--noborder">
+<div class="b3-label b3-label--inner">
     ${window.siyuan.languages.cloudIntro1}
     <div class="b3-label__text">
         <ul class="fn__list">
@@ -24,7 +24,7 @@ const renderProvider = (provider: number) => {
         </ul>
     </div>
 </div>
-<div class="b3-label b3-label--noborder">
+<div class="b3-label b3-label--inner">
     ${window.siyuan.languages.cloudIntro9}
     <div class="b3-label__text">
         <ul style="padding-left: 2em">
@@ -49,17 +49,17 @@ const renderProvider = (provider: number) => {
     <div class="fn__hr"></div>
     ${window.siyuan.languages.syncThirdPartyProviderTip}
 </div>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Endpoint</div>
     <div class="fn__space"></div>
     <input id="endpoint" class="b3-text-field fn__block" value="${window.siyuan.config.sync.s3.endpoint}">
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Access Key</div>
     <div class="fn__space"></div>
     <input id="accessKey" class="b3-text-field fn__block" value="${window.siyuan.config.sync.s3.accessKey}">
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Secret Key</div>
     <div class="fn__space"></div>
     <div class="b3-form__icona fn__block">
@@ -67,22 +67,22 @@ const renderProvider = (provider: number) => {
         <svg class="b3-form__icona-icon" data-action="togglePassword"><use xlink:href="#iconEye"></use></svg>
     </div>
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Bucket</div>
     <div class="fn__space"></div>
     <input id="bucket" class="b3-text-field fn__block" value="${window.siyuan.config.sync.s3.bucket}">
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Region</div>
     <div class="fn__space"></div>
     <input id="region" class="b3-text-field fn__block" value="${window.siyuan.config.sync.s3.region}">
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Timeout (s)</div>
     <div class="fn__space"></div>
     <input id="timeout" class="b3-text-field fn__block" type="number" min="7" max="300" value="${window.siyuan.config.sync.s3.timeout}">
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Addressing</div>
     <div class="fn__space"></div>
     <select class="b3-select fn__block" id="pathStyle">
@@ -90,7 +90,7 @@ const renderProvider = (provider: number) => {
         <option ${window.siyuan.config.sync.s3.pathStyle ? "selected" : ""} value="true">Path-style</option>
     </select>
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">TLS Verify</div>
     <div class="fn__space"></div>
     <select class="b3-select fn__block" id="s3SkipTlsVerify">
@@ -98,7 +98,7 @@ const renderProvider = (provider: number) => {
         <option ${window.siyuan.config.sync.s3.skipTlsVerify ? "selected" : ""} value="true">Skip</option>
     </select>
 </label>
-<div class="b3-label fn__flex">
+<div class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-1"></div>
     <button class="b3-button b3-button--outline fn__size200" style="position: relative">
         <input id="importData" class="b3-form__upload" type="file" data-type="s3">
@@ -117,17 +117,17 @@ const renderProvider = (provider: number) => {
     <div class="fn__hr"></div>    
     ${window.siyuan.languages.syncThirdPartyProviderTip}
 </div>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Endpoint</div>
     <div class="fn__space"></div>
     <input id="endpoint" class="b3-text-field fn__block" value="${window.siyuan.config.sync.webdav.endpoint}">
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Username</div>
     <div class="fn__space"></div>
     <input id="username" class="b3-text-field fn__block" value="${window.siyuan.config.sync.webdav.username}">
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Password</div>
     <div class="fn__space"></div>
     <div class="b3-form__icona fn__block">
@@ -135,12 +135,12 @@ const renderProvider = (provider: number) => {
         <svg class="b3-form__icona-icon" data-action="togglePassword"><use xlink:href="#iconEye"></use></svg>
     </div>
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">Timeout (s)</div>
     <div class="fn__space"></div>
     <input id="timeout" class="b3-text-field fn__block" type="number" min="7" max="300" value="${window.siyuan.config.sync.webdav.timeout}">
 </label>
-<label class="b3-label b3-label--noborder fn__flex config__item">
+<label class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-center fn__size200">TLS Verify</div>
     <div class="fn__space"></div>
     <select class="b3-select fn__block" id="webdavSkipTlsVerify">
@@ -148,7 +148,7 @@ const renderProvider = (provider: number) => {
         <option ${window.siyuan.config.sync.webdav.skipTlsVerify ? "selected" : ""} value="true">Skip</option>
     </select>
 </label>
-<div class="b3-label fn__flex">
+<div class="b3-label b3-label--inner fn__flex">
     <div class="fn__flex-1"></div>
     <button class="b3-button b3-button--outline fn__size200" style="position: relative">
         <input id="importData" class="b3-form__upload" type="file" data-type="webdav">
diff --git a/app/src/sync/syncGuide.ts b/app/src/sync/syncGuide.ts
index 980b511d7..298d65d1a 100644
--- a/app/src/sync/syncGuide.ts
+++ b/app/src/sync/syncGuide.ts
@@ -83,10 +83,9 @@ export const getSyncCloudList = (cloudPanelElement: Element, reload = false, cb?
         return;
     }
     fetchPost("/api/sync/listCloudSyncDir", {}, (response) => {
-        let syncListHTML = `<div class="fn__hr"></div><ul><li style="padding: 0 16px" class="b3-list--empty">${window.siyuan.languages.emptyCloudSyncList}</li></ul>`;
+        let syncListHTML = `<ul><li style="padding: 0 16px" class="b3-list--empty">${window.siyuan.languages.emptyCloudSyncList}</li></ul>`;
         if (response.code === 1) {
-            syncListHTML = `<div class="fn__hr"></div>
-<ul>
+            syncListHTML = `<ul>
     <li class="b3-list--empty ft__error">
         ${response.msg}
     </li>
@@ -95,7 +94,7 @@ export const getSyncCloudList = (cloudPanelElement: Element, reload = false, cb?
     </li>
 </ul>`;
         } else if (response.code !== 1) {
-            syncListHTML = '<div class="fn__hr"></div><ul class="b3-list b3-list--background fn__flex-1" style="overflow: auto;">';
+            syncListHTML = '<ul class="b3-list b3-list--background fn__flex-1" style="overflow: auto;">';
             response.data.syncDirs.forEach((item: { hSize: string, cloudName: string, updated: string }) => {
                 /// #if MOBILE
                 syncListHTML += `<li data-type="selectCloud" data-name="${item.cloudName}" class="b3-list-item b3-list-item--two">
@@ -115,7 +114,7 @@ export const getSyncCloudList = (cloudPanelElement: Element, reload = false, cb?
     </div>
 </li>`;
                 /// #else
-                syncListHTML += `<li data-type="selectCloud" data-name="${item.cloudName}" class="b3-list-item b3-list-item--hide-action">
+                syncListHTML += `<li data-type="selectCloud" data-name="${item.cloudName}" class="b3-list-item b3-list-item--narrow b3-list-item--hide-action">
 <input type="radio" name="cloudName"${item.cloudName === response.data.checkedSyncDir ? " checked" : ""}/>
 <span class="fn__space"></span>
 <span>${item.cloudName}</span>
@@ -236,6 +235,7 @@ const setSync = (key?: string, dialog?: Dialog) => {
     if (!window.siyuan.config.sync.enabled) {
         const listHTML = `<div class="b3-dialog__content">
     <div class="ft__on-surface">${window.siyuan.languages.syncConfGuide3}</div>
+    <div class="fn__hr--b"></div>
     <div style="display: flex;flex-direction: column;height: 40vh;">
         <img style="margin: 0 auto;display: block;width: 64px;height: 100%" src="/stage/loading-pure.svg">
     </div>