diff --git a/src/components/manifest/ShowDeploymentManifest.tsx b/src/components/manifest/ShowDeploymentManifest.tsx
index 6c5711b..dbcb36b 100644
--- a/src/components/manifest/ShowDeploymentManifest.tsx
+++ b/src/components/manifest/ShowDeploymentManifest.tsx
@@ -5,6 +5,7 @@ import Autocomplete from '@material-ui/lab/Autocomplete';
 import MenuAppBar from "../layout/Header";
 import { withCookies } from "react-cookie";
 import _ from "lodash";
+import { Link } from "react-router-dom";
 
 const useStyles = makeStyles((theme) => ({
   root: {
@@ -18,10 +19,10 @@ export const ManifestListActions = (props: any) => {
   const classes = useStyles()
   return (
     <div className={classes.root}>
-      <Button name="edit" color="secondary" href={`/manifests/${props.manifestId}/edit`} variant="outlined" disabled={!_.isNumber(props.manifestId)}>
+      <Button color="secondary" component={Link} to={`/manifests/${props.manifestId}/edit`} variant="outlined" disabled={!_.isNumber(props.manifestId)}>
         Show
             </Button>
-      <Button name="copy" color="primary" href={`/manifests/create?copyId=${props.manifestId}`} variant="outlined" disabled={!_.isNumber(props.manifestId)}>
+      <Button color="primary" component={Link} to={`/manifests/create?copyId=${props.manifestId}`} variant="outlined" disabled={!_.isNumber(props.manifestId)}>
         Clone
             </Button>
     </div>