From db86e85aba90e6258b5641cb38c702e5536e96cd Mon Sep 17 00:00:00 2001
From: jwu-fisker <jwu@fiskerinc.com>
Date: Wed, 9 Jun 2021 11:10:38 -0700
Subject: [PATCH] Fix styling of button

---
 src/components/App/__snapshots__/App.test.js.snap | 7 ++++---
 src/components/UpdatePackages/List/index.jsx      | 9 ++-------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/App/__snapshots__/App.test.js.snap b/src/components/App/__snapshots__/App.test.js.snap
index e3033b8..ab33c1a 100644
--- a/src/components/App/__snapshots__/App.test.js.snap
+++ b/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>
diff --git a/src/components/UpdatePackages/List/index.jsx b/src/components/UpdatePackages/List/index.jsx
index e1d0c70..cb0f374 100644
--- a/src/components/UpdatePackages/List/index.jsx
+++ b/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>
         );
       }