src/assets/css/pages/system/settings.scss

@@ -2,7 +2,10 @@
 
 .root-content {
   padding: 30px;
-  gap: 10px;
+  gap: 20px;
+
+  .root-row {
+    gap: 20px;
 
     .settings-card {
       padding: 20px;
@@ -33,3 +36,4 @@
       }
     }
   }
+}

src/pages/system/Settings.tsx

@@ -198,9 +198,12 @@ const Settings: React.FC = () => {
             <FitFullScreen>
                 <HideScrollbar isShowVerticalScrollbar autoHideWaitingTime={500}>
                     <FlexBox className={'root-content'}>
+                        <FlexBox direction={'horizontal'} className={'root-row'}>
                             <Permission operationCode={'system:settings:query:mail'}>
                                 <MailSettings />
                             </Permission>
+                            <div />
+                        </FlexBox>
                     </FlexBox>
                 </HideScrollbar>
             </FitFullScreen>