diff --git a/client/src/pages/storage/merges.jsx b/client/src/pages/storage/merges.jsx
index c556e56..31d172f 100644
--- a/client/src/pages/storage/merges.jsx
+++ b/client/src/pages/storage/merges.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import { useEffect, useState } from "react";
 import * as API  from "../../api";
 import PrettyTableView from "../../components/tableView/prettyTableView";
-import { DeleteButton } from "../../components/delete";
+import { DeleteButton, DeleteIconButton } from "../../components/delete";
 import { CloudOutlined, CloudServerOutlined, CompassOutlined, DeleteOutlined, DesktopOutlined, EditOutlined, FolderOutlined, LaptopOutlined, MobileOutlined, ReloadOutlined, TabletOutlined } from "@ant-design/icons";
 import { Alert, Button, CircularProgress, InputLabel, ListItemIcon, ListItemText, MenuItem, Stack } from "@mui/material";
 import { CosmosCheckbox, CosmosFormDivider, CosmosInputText } from "../config/users/formShortcuts";
@@ -75,11 +75,11 @@ export const StorageMerges = () => {
               title: '',
               clickable:true, 
               field: (r) => <>
-                <ResponsiveButton color={'error'} variant="outlined" startIcon={<DeleteOutlined />} onClick={() => {
+                <DeleteIconButton onDelete={() => {
                   API.storage.mounts.unmount({ mountPoint: r.path, permanent: true }).then(() => {
                     refresh();
                   });
-                }}>Delete</ResponsiveButton>
+                }} />
               </>
             },
           ]}
diff --git a/package.json b/package.json
index 960603b..6163c9f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cosmos-server",
-  "version": "0.15.0-unstable28",
+  "version": "0.15.0-unstable29",
   "description": "",
   "main": "test-server.js",
   "bugs": {