diff --git a/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx b/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
index 6d31b60319a03..46abc47e1c098 100644
--- a/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
@@ -47,13 +47,13 @@ const HeadersEditor = (props: HeaderEditorProps) => {
                 .filter(h => !!h.name)
                 .map(header => (
                   <tr className="">
-                    <td className="px-3 py-3 whitespace-nowrap font-medium">
+                    <td className="px-md py-sm whitespace-nowrap font-medium">
                       {header.name}
                     </td>
-                    <td className="px-3 py-3 whitespace-nowrap text-gray-600">
+                    <td className="px-md py-sm whitespace-nowrap text-gray-600">
                       {header.type}
                     </td>
-                    <td className="px-3 py-3 whitespace-nowrap text-gray-600">
+                    <td className="px-md py-sm whitespace-nowrap text-gray-600">
                       {header.value}
                     </td>
                   </tr>