additional fixes

frontend/src/components/basic/InputField.tsx

@@ -101,7 +101,7 @@ const InputField = ({
           </button>
         )}
         {blurred && (
-          <div className="peer absolute flex h-10 w-fit max-w-xl items-center overflow-hidden text-clip rounded-md text-gray-400/50 group-hover:hidden peer-hover:hidden peer-focus:hidden peer-active:invisible">
+          <div className="peer absolute flex h-10 w-fit max-w-xl items-center overflow-hidden text-clip rounded-md text-gray-400/50 group-hover:!hidden peer-hover:hidden peer-focus:hidden peer-active:invisible">
             <p className="ml-2" />
             {value
               .split("")

frontend/src/components/notifications/Notifications.tsx

@@ -73,6 +73,7 @@ export const createNotification = (
 export const NotificationContainer = () => (
   <ToastContainer
     pauseOnHover
+    className="[&>svg]:top-1"
     toastClassName="border border-mineshaft-500"
     style={{ width: "400px" }}
   />

frontend/src/components/v2/Button/Button.tsx

@@ -116,7 +116,7 @@ const buttonVariants = cva(
         colorSchema: "danger",
         variant: "outline_bg",
         className:
-          "bg-mineshaft-600 border border-red-500 hover:bg-red/15 bg-red/10 hover:border-red/40 text-red-500"
+          "bg-mineshaft-600 border border-red-500/40 hover:bg-red/15 bg-red/10 hover:border-red text-red-500"
       },
       {
         colorSchema: "primary",