diff --git a/packages/widget/src/pages/ActiveSwapsPage/ActiveSwapsPage.tsx b/packages/widget/src/pages/ActiveSwapsPage/ActiveSwapsPage.tsx
index 73380b54a..f7ff8ec16 100644
--- a/packages/widget/src/pages/ActiveSwapsPage/ActiveSwapsPage.tsx
+++ b/packages/widget/src/pages/ActiveSwapsPage/ActiveSwapsPage.tsx
@@ -65,7 +65,11 @@ export const ActiveSwapsPage = () => {
         </DialogContent>
         <DialogActions>
           <Button onClick={toggleDialog}>{t('button.cancel')}</Button>
-          <Button onClick={() => deleteRoutes('active')} autoFocus>
+          <Button
+            variant="contained"
+            onClick={() => deleteRoutes('active')}
+            autoFocus
+          >
             {t('button.delete')}
           </Button>
         </DialogActions>
diff --git a/packages/widget/src/pages/SelectWalletPage/SelectWalletPage.tsx b/packages/widget/src/pages/SelectWalletPage/SelectWalletPage.tsx
index 8f83d47e8..abd751261 100644
--- a/packages/widget/src/pages/SelectWalletPage/SelectWalletPage.tsx
+++ b/packages/widget/src/pages/SelectWalletPage/SelectWalletPage.tsx
@@ -87,7 +87,7 @@ export const SelectWalletPage = () => {
           </DialogContentText>
         </DialogContent>
         <DialogActions>
-          <Button onClick={closeDialog} autoFocus>
+          <Button variant="contained" onClick={closeDialog} autoFocus>
             {t('button.ok')}
           </Button>
         </DialogActions>
diff --git a/packages/widget/src/pages/SwapDetailsPage/SwapDetailsPage.tsx b/packages/widget/src/pages/SwapDetailsPage/SwapDetailsPage.tsx
index 2e5955557..6db547e1a 100644
--- a/packages/widget/src/pages/SwapDetailsPage/SwapDetailsPage.tsx
+++ b/packages/widget/src/pages/SwapDetailsPage/SwapDetailsPage.tsx
@@ -150,7 +150,7 @@ export const SwapDetailsPage: React.FC = () => {
         </DialogContent>
         <DialogActions>
           <Button onClick={toggleDialog}>{t('button.cancel')}</Button>
-          <Button onClick={handleDeleteRoute} autoFocus>
+          <Button variant="contained" onClick={handleDeleteRoute} autoFocus>
             {t('button.delete')}
           </Button>
         </DialogActions>
diff --git a/packages/widget/src/pages/SwapHistoryPage/SwapHistoryPage.tsx b/packages/widget/src/pages/SwapHistoryPage/SwapHistoryPage.tsx
index 84241f1fa..73be8772c 100644
--- a/packages/widget/src/pages/SwapHistoryPage/SwapHistoryPage.tsx
+++ b/packages/widget/src/pages/SwapHistoryPage/SwapHistoryPage.tsx
@@ -65,7 +65,11 @@ export const SwapHistoryPage: React.FC = () => {
         </DialogContent>
         <DialogActions>
           <Button onClick={toggleDialog}>{t('button.cancel')}</Button>
-          <Button onClick={() => deleteRoutes('completed')} autoFocus>
+          <Button
+            variant="contained"
+            onClick={() => deleteRoutes('completed')}
+            autoFocus
+          >
             {t('button.delete')}
           </Button>
         </DialogActions>