diff --git a/src/projects/project-detail.tsx b/src/projects/project-detail.tsx
index d086fea..90a16f4 100644
--- a/src/projects/project-detail.tsx
+++ b/src/projects/project-detail.tsx
@@ -1,8 +1,10 @@
 import { Project } from "../generated/graphql";
 import React, { FC, Fragment } from "react";
-import { Grid, makeStyles, Paper, Portal, Typography } from "@material-ui/core";
+import { IconButton, Grid, makeStyles, Paper, Portal, Typography } from "@material-ui/core";
 import { useHeaderContainer } from "../layouts";
 import { PipelineList } from "../pipelines/pipeline-list";
+import { Edit } from '@material-ui/icons';
+import { Link } from '@curi/react-dom';
 
 interface Props {
   project: Project;
@@ -44,11 +46,21 @@ export const ProjectDetail: FC<Props> = ({ project }) => {
               {project.comment}
             </Typography>
           </Grid>
-          <Grid item>Options</Grid>
+          <Grid item>
+            <Link name="edit-project" params={{ projectId: project.id }}>
+              <IconButton style={{ color: "white" }}>{<Edit />}</IconButton>
+            </Link>
+          </Grid>
         </Grid>
       </Portal>
-      <Grid container spacing={1} direction="row" alignItems="stretch" className={classes.root}>
-        <Grid item xs={3} style={{height: '100%', display: 'flex'}}>
+      <Grid
+        container
+        spacing={1}
+        direction="row"
+        alignItems="stretch"
+        className={classes.root}
+      >
+        <Grid item xs={3} style={{ height: "100%", display: "flex" }}>
           <Paper className={classes.pipelineListContainer}>
             <PipelineList projectId={project.id} />
           </Paper>