diff --git a/plugins/github-actions/src/components/WorkflowRunDetailsPage/WorkflowRunDetailsPage.tsx b/plugins/github-actions/src/components/WorkflowRunDetailsPage/WorkflowRunDetailsPage.tsx
index 308ae297d8..283fd60ec6 100644
--- a/plugins/github-actions/src/components/WorkflowRunDetailsPage/WorkflowRunDetailsPage.tsx
+++ b/plugins/github-actions/src/components/WorkflowRunDetailsPage/WorkflowRunDetailsPage.tsx
@@ -54,6 +54,7 @@ import { useWorkflowRunsDetails } from './useWorkflowRunsDetails';
 import { useWorkflowRunJobs } from './useWorkflowRunJobs';
 import { WorkflowRunStatusIcon } from '../WorkflowRunStatusIcon/WorkflowRunStatusIcon';
 import { useProjectName } from '../useProjectName';
+import GitHubIcon from '@material-ui/icons/GitHub';
 
 const useStyles = makeStyles<Theme>(theme => ({
   root: {
@@ -241,9 +242,15 @@ export const WorkflowRunDetailsPage = () => {
                       </TableCell>
                       <TableCell>
                         {details.value?.html_url && (
-                          <Button>
-                            <a href={details.value.html_url}>GitHub</a>
-                          </Button>
+                          <a href={details.value.html_url}>
+                            <Button
+                              variant="contained"
+                              color="default"
+                              startIcon={<GitHubIcon />}
+                            >
+                              Workflow runs on GitHub
+                            </Button>
+                          </a>
                         )}
                       </TableCell>
                     </TableRow>