diff --git a/src/frontend/src/views/dangerous-rule-manage/index/index.vue b/src/frontend/src/views/dangerous-rule-manage/index/index.vue
index 492b3003e8..1b956dca02 100644
--- a/src/frontend/src/views/dangerous-rule-manage/index/index.vue
+++ b/src/frontend/src/views/dangerous-rule-manage/index/index.vue
@@ -308,6 +308,8 @@
 </script>
 <style lang='postcss'>
     .dangerous-rule-manage-page {
+        padding-bottom: 20px;
+
         .rule-table {
             width: 100%;
             border: 1px solid #dcdee5;