From 136c3eff0cef5a55a40089935998a34389a2773c Mon Sep 17 00:00:00 2001
From: Fred KISSIE <fredkiss3@gmail.com>
Date: Thu, 5 Mar 2026 19:46:16 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20padding=20bottom?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resource-policy/CreatePolicyRulesSectionForm.tsx  | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/resource-policy/CreatePolicyRulesSectionForm.tsx b/src/components/resource-policy/CreatePolicyRulesSectionForm.tsx
index c8635c5a3..b3285b284 100644
--- a/src/components/resource-policy/CreatePolicyRulesSectionForm.tsx
+++ b/src/components/resource-policy/CreatePolicyRulesSectionForm.tsx
@@ -74,12 +74,7 @@ import {
     getSortedRowModel,
     useReactTable
 } from "@tanstack/react-table";
-import {
-    ArrowUpDown,
-    Check,
-    ChevronsUpDown,
-    Plus
-} from "lucide-react";
+import { ArrowUpDown, Check, ChevronsUpDown, Plus } from "lucide-react";
 
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { type UseFormReturn, useForm, useWatch } from "react-hook-form";
@@ -674,8 +669,8 @@ export function CreatePolicyRulesSectionForm({
                 </SettingsSectionDescription>
             </SettingsSectionHeader>
             <SettingsSectionBody>
-                <div className="space-y-6">
-                    <div className="flex items-center space-x-2">
+                <div className="flex flex-col gap-y-6 pb-20">
+                    <div className="flex items-center gap-x-2">
                         <SwitchInput
                             id="rules-toggle"
                             label={t("rulesEnable")}