diff --git a/x-pack/plugins/cases/public/components/all_cases/actions.tsx b/x-pack/plugins/cases/public/components/all_cases/actions.tsx
index d9e0e0ef025c8..f978cd1b3f205 100644
--- a/x-pack/plugins/cases/public/components/all_cases/actions.tsx
+++ b/x-pack/plugins/cases/public/components/all_cases/actions.tsx
@@ -20,6 +20,7 @@ export const getActions = ({
   {
     description: i18n.DELETE_CASE(),
     icon: 'trash',
+    color: 'danger',
     name: i18n.DELETE_CASE(),
     onClick: deleteCaseOnClick,
     type: 'icon',