moved caution

packages/app/src/components/Admin/Security/SecuritySetting.jsx

@@ -242,6 +242,13 @@ class SecuritySetting extends React.Component {
                   </button>
                   <Collapse isOpen={this.expantDeleteOptionsState(deletionType)}>
                     <div className="pb-4">
+                      <p className="card well">
+                        <span className="text-warning">
+                          <i className="icon-info"></i>
+                          {/* eslint-disable-next-line react/no-danger */}
+                          <span dangerouslySetInnerHTML={{ __html: t('security_setting.page_delete_rights_caution') }} />
+                        </span>
+                      </p>
                       {this.renderPageDeletePermissionDropdown(currentState, setState, deletionType, isButtonDisabled)}
                     </div>
                   </Collapse>
@@ -380,16 +387,9 @@ class SecuritySetting extends React.Component {
         </div>
 
         <h4>{t('security_setting.page_delete_rights')}</h4>
-        <div className="row">
-          <p className="card well col-9">
-            <span className="text-warning">
-              <i className="icon-info"></i>
-              {/* eslint-disable-next-line react/no-danger */}
-              <span dangerouslySetInnerHTML={{ __html: t('security_setting.page_delete_rights_caution') }} />
-            </span>
-          </p>
+        {/* <div className="row">
         </div>
-        <div className="row mb-4"></div>
+        <div className="row mb-4"></div> */}
         {/* Render PageDeletePermissionDropdown */}
         {
           [