diff --git a/src/renderer/pages/PicGoSetting.vue b/src/renderer/pages/PicGoSetting.vue
index 635ac6c3..bdbaef49 100644
--- a/src/renderer/pages/PicGoSetting.vue
+++ b/src/renderer/pages/PicGoSetting.vue
@@ -1188,6 +1188,14 @@
               {{ t('pages.settings.upload.advancedRnameFormat') }}
             </label>
             <input v-model="advancedRename.format" type="text" class="form-input" placeholder="Ex. {Y}-{m}-{uuid}" />
+            <div class="dialog-footer">
+              <button class="btn btn-secondary" @click="handleCancelAdvancedRename">
+                {{ t('common.cancel') }}
+              </button>
+              <button class="btn btn-primary" @click="handleSaveAdvancedRename">
+                {{ t('common.confirm') }}
+              </button>
+            </div>
           </div>
           <div class="form-group">
             <label>{{ t('pages.settings.upload.availablePlaceholders') }}</label>
@@ -1245,14 +1253,6 @@
             </div>
           </div>
         </div>
-        <div class="dialog-footer">
-          <button class="btn btn-secondary" @click="handleCancelAdvancedRename">
-            {{ t('common.cancel') }}
-          </button>
-          <button class="btn btn-primary" @click="handleSaveAdvancedRename">
-            {{ t('common.confirm') }}
-          </button>
-        </div>
       </div>
     </div>
 
diff --git a/src/renderer/pages/css/PicgoSetting.css b/src/renderer/pages/css/PicgoSetting.css
index d009d21c..bd33d07b 100644
--- a/src/renderer/pages/css/PicgoSetting.css
+++ b/src/renderer/pages/css/PicgoSetting.css
@@ -545,6 +545,7 @@
 .dialog-footer {
   display: flex;
   justify-content: flex-end;
+  margin-top: 1rem;
   gap: 0.75rem;
 }