Fix styles of ChangeWarningModal (#2876)

fix styles of ChangeWarningModal

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>