diff --git a/ui/src/common/components/interactions/ConfirmPopover/ConfirmPopover.test.tsx b/ui/src/common/components/interactions/ConfirmPopover/ConfirmPopover.test.tsx
index 81d89602..c1c8378a 100644
--- a/ui/src/common/components/interactions/ConfirmPopover/ConfirmPopover.test.tsx
+++ b/ui/src/common/components/interactions/ConfirmPopover/ConfirmPopover.test.tsx
@@ -40,4 +40,32 @@ describe('ConfirmPopover', () => {
     fireEvent.click(screen.getByRole('button', { name: 'Cancel' }));
     expect(onCancel).toHaveBeenCalledTimes(1);
   });
+
+  const renderPopover = (destructive?: boolean) =>
+    renderWithMantine(
+      <ConfirmPopover
+        opened
+        destructive={destructive}
+        target={<button>open</button>}
+        title="Remove?"
+        text="x"
+        onConfirm={vi.fn()}
+        onCancel={vi.fn()}
+      />,
+    );
+
+  it('renders a red OK button for destructive confirmations (#314)', () => {
+    renderPopover(true);
+    // Mantine color="red" inlines the red color custom properties on the button element.
+    expect(
+      screen.getByRole('button', { name: 'OK' }).getAttribute('style') ?? '',
+    ).toContain('red');
+  });
+
+  it('renders a default (non-red) OK button when not destructive', () => {
+    renderPopover(false);
+    expect(
+      screen.getByRole('button', { name: 'OK' }).getAttribute('style') ?? '',
+    ).not.toContain('red');
+  });
 });
diff --git a/ui/src/common/components/interactions/ConfirmPopover/ConfirmPopover.tsx b/ui/src/common/components/interactions/ConfirmPopover/ConfirmPopover.tsx
index 0fc8c0dc..8b36f3f4 100644
--- a/ui/src/common/components/interactions/ConfirmPopover/ConfirmPopover.tsx
+++ b/ui/src/common/components/interactions/ConfirmPopover/ConfirmPopover.tsx
@@ -23,6 +23,8 @@ interface ConfirmPopoverProps extends PopoverProps {
   text: string;
   onConfirm: () => void;
   onCancel: () => void;
+  // Render the confirm (OK) button in red for destructive actions (remove/delete/unshare). (#314)
+  destructive?: boolean;
 }
 
 export function ConfirmPopover({
@@ -31,6 +33,7 @@ export function ConfirmPopover({
   text,
   onConfirm,
   onCancel,
+  destructive,
   ...rest
 }: Readonly<ConfirmPopoverProps>) {
   return (
@@ -79,6 +82,7 @@ export function ConfirmPopover({
             <Button
               className={classes.popoverButton}
               size="xs"
+              color={destructive ? 'red' : undefined}
               onClick={onConfirm}
             >
               OK
diff --git a/ui/src/features/datasets/DatasetHeader/DatasetHeader.tsx b/ui/src/features/datasets/DatasetHeader/DatasetHeader.tsx
index cab88f11..f8fa94d2 100644
--- a/ui/src/features/datasets/DatasetHeader/DatasetHeader.tsx
+++ b/ui/src/features/datasets/DatasetHeader/DatasetHeader.tsx
@@ -148,6 +148,7 @@ export function DatasetHeader({ dataset }: Readonly<DatasetHeaderProps>) {
       >
         {canDatasetBeDeleted && (
           <ConfirmPopover
+            destructive
             opened={removeConfirmOpened}
             position="right"
             offset={8}
diff --git a/ui/src/features/datasets/ShareDataset/ShareDatasetSidebar.tsx b/ui/src/features/datasets/ShareDataset/ShareDatasetSidebar.tsx
index f56faf60..fc8603b5 100644
--- a/ui/src/features/datasets/ShareDataset/ShareDatasetSidebar.tsx
+++ b/ui/src/features/datasets/ShareDataset/ShareDatasetSidebar.tsx
@@ -78,6 +78,7 @@ function GroupListItem({ group, onUnshareWithGroup }: Readonly<GroupsListItemPro
         />
       </Flex>
       <ConfirmPopover
+        destructive
         opened={popoverOpened}
         onCancel={close}
         onConfirm={() => onUnshareWithGroup(group.id)}
diff --git a/ui/src/features/reactions/ReactionEntities/ReactionEntityDelete/ReactionEntityDelete.tsx b/ui/src/features/reactions/ReactionEntities/ReactionEntityDelete/ReactionEntityDelete.tsx
index 8dbb6f8c..a5096d41 100644
--- a/ui/src/features/reactions/ReactionEntities/ReactionEntityDelete/ReactionEntityDelete.tsx
+++ b/ui/src/features/reactions/ReactionEntities/ReactionEntityDelete/ReactionEntityDelete.tsx
@@ -68,6 +68,7 @@ export function ReactionEntityDelete({
 
   return (
     <ConfirmPopover
+      destructive
       title={`Remove ${entityName}`}
       text={`Are you sure to remove this ${entityName}?`}
       opened={confirmationOpened}
diff --git a/ui/src/features/reactions/RemoveReaction/RemoveReaction.tsx b/ui/src/features/reactions/RemoveReaction/RemoveReaction.tsx
index 93c08a7b..d93b89dc 100644
--- a/ui/src/features/reactions/RemoveReaction/RemoveReaction.tsx
+++ b/ui/src/features/reactions/RemoveReaction/RemoveReaction.tsx
@@ -46,6 +46,7 @@ export function RemoveReaction({ reactionId }: Readonly<RemoveReactionProps>) {
 
   return (
     <ConfirmPopover
+      destructive
       title={`Remove this ${entityToRemove}`}
       text={`Are you sure you want to remove this ${entityToRemove}?`}
       opened={confirmationOpened}