diff --git a/ee/app/assets/javascripts/security_orchestration/components/policies/list_component.vue b/ee/app/assets/javascripts/security_orchestration/components/policies/list_component.vue
index 8992e3392fdb17cba1b243ba8c734108832d91d6..05e9c43b9ce362a2c13fb1f69fdf0cdc5fc70dcc 100644
--- a/ee/app/assets/javascripts/security_orchestration/components/policies/list_component.vue
+++ b/ee/app/assets/javascripts/security_orchestration/components/policies/list_component.vue
@@ -252,6 +252,9 @@ export default {
         {
           text: __('Delete'),
           action: () => this.handleDelete(policy),
+          extraAttrs: {
+            class: '!gl-text-danger',
+          },
         },
       ];
     },
@@ -503,6 +506,7 @@ export default {
               category="tertiary"
               icon="ellipsis_v"
               placement="bottom-end"
+              class="-gl-my-3"
               :disabled="isPolicyInherited(item.source)"
             />
           </span>
diff --git a/ee/spec/frontend/security_orchestration/components/policies/list_component_spec.js b/ee/spec/frontend/security_orchestration/components/policies/list_component_spec.js
index 278b71fc8b4b98d9e0845c893bf9c6d79a5f3d24..a8cf718f6d31d02e82a6a0bff38ba0cb35537c64 100644
--- a/ee/spec/frontend/security_orchestration/components/policies/list_component_spec.js
+++ b/ee/spec/frontend/security_orchestration/components/policies/list_component_spec.js
@@ -362,6 +362,9 @@ describe('List component', () => {
 
       const DELETE_ACTION = {
         action: expect.anything(),
+        extraAttrs: {
+          class: '!gl-text-danger',
+        },
         text: 'Delete',
       };