diff --git a/nym-wallet/src/pages/bonding/node-settings/general-settings/InfoSettings.tsx b/nym-wallet/src/pages/bonding/node-settings/general-settings/InfoSettings.tsx
index 1e71bb3aa7..b7818280c1 100644
--- a/nym-wallet/src/pages/bonding/node-settings/general-settings/InfoSettings.tsx
+++ b/nym-wallet/src/pages/bonding/node-settings/general-settings/InfoSettings.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
-import { Button, Divider, Typography, TextField, Grid, Alert } from '@mui/material';
+import { Button, Divider, Typography, TextField, Grid, Alert, IconButton } from '@mui/material';
 import { useTheme } from '@mui/material/styles';
+import CloseIcon from '@mui/icons-material/Close';
 import { TBondedMixnode, TBondedGateway } from '../../../../context/bonding';
 import { SimpleModal } from '../../../../components/Modals/SimpleModal';
 
@@ -17,6 +18,7 @@ export const InfoSettings = ({ bondedNode }: { bondedNode: TBondedMixnode | TBon
   const { mixPort, verlocPort, httpApiPort, host, version } = bondedNode;
 
   const [buttonActive, setButtonActive] = useState<boolean>(false);
+  const [open, setOpen] = useState(true);
   const [openConfirmationModal, setOpenConfirmationModal] = useState<boolean>(false);
   const [mixPortUpdated, setMixPortUpdated] = useState<number>(mixPort);
   const [verlocPortUpdated, setVerlocPortUpdated] = useState<number>(verlocPort);
@@ -71,9 +73,21 @@ export const InfoSettings = ({ bondedNode }: { bondedNode: TBondedMixnode | TBon
 
   return (
     <Grid container xs>
-      {buttonActive && (
+      {open && (
         <Alert
           severity="info"
+          action={
+            <IconButton
+              aria-label="close"
+              color="inherit"
+              size="small"
+              onClick={() => {
+                setOpen(false);
+              }}
+            >
+              <CloseIcon fontSize="inherit" />
+            </IconButton>
+          }
           sx={{
             px: 2,
             borderRadius: 0,
diff --git a/nym-wallet/src/pages/bonding/node-settings/general-settings/ParametersSettings.tsx b/nym-wallet/src/pages/bonding/node-settings/general-settings/ParametersSettings.tsx
index 41655d597f..6e4a1a9305 100644
--- a/nym-wallet/src/pages/bonding/node-settings/general-settings/ParametersSettings.tsx
+++ b/nym-wallet/src/pages/bonding/node-settings/general-settings/ParametersSettings.tsx
@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react';
-import { Button, Divider, Typography, TextField, InputAdornment, Grid, Alert } from '@mui/material';
+import { Button, Divider, Typography, TextField, InputAdornment, Grid, Alert, IconButton } from '@mui/material';
 import { useTheme } from '@mui/material/styles';
+import CloseIcon from '@mui/icons-material/Close';
 import { TBondedMixnode, TBondedGateway } from '../../../../context/bonding';
 import { SimpleModal } from '../../../../components/Modals/SimpleModal';
 
@@ -8,6 +9,7 @@ export const ParametersSettings = ({ bondedNode }: { bondedNode: TBondedMixnode
   const { profitMarginPercent, bond } = bondedNode;
 
   const [buttonActive, setButtonActive] = useState<boolean>(false);
+  const [open, setOpen] = useState(true);
   const [openConfirmationModal, setOpenConfirmationModal] = useState<boolean>(false);
   const [profitMargin, setProfitMargin] = useState<number>(profitMarginPercent);
   const [operatorCost, setOperatorCost] = useState<number>(parseInt(bond.amount));
@@ -37,9 +39,21 @@ export const ParametersSettings = ({ bondedNode }: { bondedNode: TBondedMixnode
 
   return (
     <Grid container xs>
-      {buttonActive && (
+      {open && (
         <Alert
           severity="info"
+          action={
+            <IconButton
+              aria-label="close"
+              color="inherit"
+              size="small"
+              onClick={() => {
+                setOpen(false);
+              }}
+            >
+              <CloseIcon fontSize="inherit" />
+            </IconButton>
+          }
           sx={{
             width: 1,
             px: 2,