Fix styling of button

src/components/App/__snapshots__/App.test.js.snap

@@ -3367,8 +3367,9 @@ exports[`App Route /updates authenticated 1`] = `
                           />
                         </svg>
                       </a>
-                      <span
-                        class="MuiTypography-root MuiTypography-colorPrimary"
+                      <a
+                        class=""
+                        href="/updates"
                         title="Delete \\"Package 1.0\\""
                       >
                         <svg
@@ -3382,7 +3383,7 @@ exports[`App Route /updates authenticated 1`] = `
                             d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
                           />
                         </svg>
-                      </span>
+                      </a>
                     </td>
                   </tr>
                 </tbody>

src/components/UpdatePackages/List/index.jsx

@@ -9,7 +9,6 @@ import {
   TableRow,
   Toolbar,
   Tooltip,
-  Typography,
 } from "@material-ui/core";
 import SendIcon from "@material-ui/icons/Send";
 import VisibilityIcon from "@material-ui/icons/Visibility";
@@ -164,13 +163,9 @@ const UpdatePackagesList = () => {
       } else {
         return (
           <Tooltip key={`delete-${action.id}`} title={action.tip}>
-            <Typography
-              color="primary"
-              variant="inherit"
-              onClick={() => onDelete(action.id)}
-            >
+            <Link to="#" onClick={() => onDelete(action.id)}>
               {action.icon}
-            </Typography>
+            </Link>
           </Tooltip>
         );
       }