diff --git a/src/components/devices.js b/src/components/devices.js
index 248a877..b07749b 100644
--- a/src/components/devices.js
+++ b/src/components/devices.js
@@ -2,7 +2,7 @@ import React, { Fragment, useState } from "react";
 import { Button, useDelete, useNotify, Confirm, useRefresh } from "react-admin";
 import ActionDelete from "@material-ui/icons/Delete";
 import { makeStyles } from "@material-ui/core/styles";
-import { fade } from "@material-ui/core/styles/colorManipulator";
+import { alpha } from "@material-ui/core/styles/colorManipulator";
 import classnames from "classnames";
 
 const useStyles = makeStyles(
@@ -10,7 +10,7 @@ const useStyles = makeStyles(
     deleteButton: {
       color: theme.palette.error.main,
       "&:hover": {
-        backgroundColor: fade(theme.palette.error.main, 0.12),
+        backgroundColor: alpha(theme.palette.error.main, 0.12),
         // Reset on mouse devices
         "@media (hover: none)": {
           backgroundColor: "transparent",