diff --git a/packages/pl-fe/src/components/ui/modal.tsx b/packages/pl-fe/src/components/ui/modal.tsx
index 0b2804a36..ad4830e14 100644
--- a/packages/pl-fe/src/components/ui/modal.tsx
+++ b/packages/pl-fe/src/components/ui/modal.tsx
@@ -4,7 +4,6 @@ import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
 import { useOwnAccount } from '@/hooks/use-own-account';
 
-import Button from './button';
 import { ButtonThemes } from './button/useButtonStyles';
 import IconButton from './icon-button';
 
@@ -163,14 +162,16 @@ const Modal = React.forwardRef<HTMLDivElement, IModal>(
                   </button>
                 )}
 
-                <Button
-                  theme={confirmationTheme ?? 'primary'}
+                <button
+                  className={clsx('⁂-modal__action', {
+                    '⁂-modal__action--danger': confirmationTheme === 'danger',
+                  })}
                   onClick={confirmationAction}
                   disabled={confirmationDisabled}
                   ref={buttonRef}
                 >
                   {confirmationText}
-                </Button>
+                </button>
               </div>
             </div>
           )}
diff --git a/packages/pl-fe/src/styles/new/components.scss b/packages/pl-fe/src/styles/new/components.scss
index 00bec4bc7..ad6427871 100644
--- a/packages/pl-fe/src/styles/new/components.scss
+++ b/packages/pl-fe/src/styles/new/components.scss
@@ -392,6 +392,14 @@ div[data-viewport-type='window']:has(.⁂-empty-message) {
       @include mixins.button($theme: tertiary);
     }
 
+    button.⁂-modal__action {
+      @include mixins.button($theme: primary);
+
+      &--danger {
+        @include mixins.button($theme: danger);
+      }
+    }
+
     button.⁂-modal__action-secondary {
       @include mixins.button($theme: secondary);
     }