diff --git a/web/src/management/pages/edit/modules/settingModule/skin/PreviewPanel.vue b/web/src/management/pages/edit/modules/settingModule/skin/PreviewPanel.vue
index 1f8b6718..64af2b95 100644
--- a/web/src/management/pages/edit/modules/settingModule/skin/PreviewPanel.vue
+++ b/web/src/management/pages/edit/modules/settingModule/skin/PreviewPanel.vue
@@ -13,12 +13,12 @@
             :readonly="false"
             :is-selected="currentEditOne === 'submit'"
           />
-          <LogoIcon
-            :logo-conf="bottomConf"
-            :readonly="false"
-            :is-selected="currentEditOne === 'logo'"
-          />
         </div>
+        <LogoIcon
+          :logo-conf="bottomConf"
+          :readonly="false"
+          :is-selected="currentEditOne === 'logo'"
+        />
       </div>
     </div>
   </div>
diff --git a/web/src/materials/communals/widgets/LogoIcon/index.scss b/web/src/materials/communals/widgets/LogoIcon/index.scss
index a14fa920..d3a63060 100644
--- a/web/src/materials/communals/widgets/LogoIcon/index.scss
+++ b/web/src/materials/communals/widgets/LogoIcon/index.scss
@@ -1,6 +1,9 @@
 .logo-icon-warp {
   display: flex;
   justify-content: center;
+  background: #fff;
+  margin: 0 0.3rem;
+  padding: 0.1rem 0 0.5rem;
   .logo-wrapper {
     text-align: center;
     font-size: 0;
@@ -9,8 +12,6 @@
   .question-logo {
     max-width: 300px;
     text-align: center;
-    padding: 0 0 0.6rem;
-    margin-top: -0.2rem;
     cursor: pointer;
   }
   .logo-placeholder-wrapper {