From dca27e7235451da9423d38976fa37aec417dda3c Mon Sep 17 00:00:00 2001
From: Sean Hatfield <seanhatfield5@gmail.com>
Date: Thu, 19 Dec 2024 08:15:33 +0800
Subject: [PATCH] Fix styles of ChangeWarningModal (#2876)

fix styles of ChangeWarningModal
---
 frontend/src/components/ChangeWarning/index.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ChangeWarning/index.jsx b/frontend/src/components/ChangeWarning/index.jsx
index 2e0950a080..95ca1c49ff 100644
--- a/frontend/src/components/ChangeWarning/index.jsx
+++ b/frontend/src/components/ChangeWarning/index.jsx
@@ -7,7 +7,7 @@ export default function ChangeWarningModal({
 }) {
   return (
     <div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden z-9999">
-      <div className="relative p-6 border-b rounded-t border-theme-modal-border">
+      <div className="relative px-6 py-5 border-b rounded-t border-theme-modal-border">
         <div className="w-full flex gap-x-2 items-center">
           <Warning className="text-red-500 w-6 h-6" weight="fill" />
           <h3 className="text-xl font-semibold text-red-500 overflow-hidden overflow-ellipsis whitespace-nowrap">
@@ -44,14 +44,14 @@ export default function ChangeWarningModal({
         <button
           onClick={onClose}
           type="button"
-          className="transition-all duration-300 bg-transparent text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm"
+          className="transition-all duration-300 bg-transparent text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm border-none"
         >
           Cancel
         </button>
         <button
           onClick={onConfirm}
           type="submit"
-          className="transition-all duration-300 bg-red-500 light:text-white text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm"
+          className="transition-all duration-300 bg-red-500 light:text-white text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm border-none"
         >
           Confirm
         </button>