...

2 files changed, 13 insertions, 15 deletions

diff --git a/FrontEnd/src/components/dialog/ConfirmDialog.tsx b/FrontEnd/src/components/dialog/ConfirmDialog.tsx
index 97cad452..8b0a4219 100644
--- a/FrontEnd/src/components/dialog/ConfirmDialog.tsx
+++ b/FrontEnd/src/components/dialog/ConfirmDialog.tsx
@@ -25,27 +25,24 @@ export default function ConfirmDialog({
       <DialogContainer
         title={title}
         titleColor={color ?? "danger"}
-        buttons={[
+        buttonsV2={[
           {
             key: "cancel",
             type: "normal",
-            props: {
-              text: "operationDialog.cancel",
-              color: "secondary",
-              outline: true,
-              onClick: closeDialog,
-            },
+            action: "minor",
+
+            text: "operationDialog.cancel",
+            onClick: closeDialog,
           },
           {
             key: "confirm",
             type: "normal",
-            props: {
-              text: "operationDialog.confirm",
-              color: "danger",
-              onClick: () => {
-                onConfirm();
-                closeDialog();
-              },
+            action: "major",
+            text: "operationDialog.confirm",
+            color: "danger",
+            onClick: () => {
+              onConfirm();
+              closeDialog();
             },
           },
         ]}
diff --git a/FrontEnd/src/components/dialog/DialogContainer.css b/FrontEnd/src/components/dialog/DialogContainer.css
index b3c52511..f0d27a66 100644
--- a/FrontEnd/src/components/dialog/DialogContainer.css
+++ b/FrontEnd/src/components/dialog/DialogContainer.css
@@ -7,6 +7,7 @@
 
 .cru-dialog-container-hr {
   margin: 1em 0;
+  border-color: var(--cru-text-minor-color);
 }
 
 .cru-dialog-container-button-row {
@@ -16,4 +17,4 @@
 
 .cru-dialog-container-button {
   margin-left: 1em;
-}
\ No newline at end of file
+}