diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx
index 5577fd44f4..befbcebaa5 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx
@@ -123,6 +123,7 @@ function AddOns({
                           onClick={() => handleCancelClick(code)}
                           as="button"
                           tabIndex={-1}
+                          variant="danger"
                         >
                           {t('cancel')}
                         </OLDropdownMenuItem>