Fix last workflow link styling

dashboard/src/main/home/cluster-dashboard/preview-environments/deployments/DeploymentDetail.tsx

@@ -111,7 +111,9 @@ const DeploymentDetail = () => {
           </GHALink>
           {prDeployment.last_workflow_run_url ? (
             <GHALink to={prDeployment.last_workflow_run_url} target="_blank">
-              <i className="material-icons-outlined">play_circle_outline</i>
+              <span className="material-icons-outlined">
+                play_circle_outline
+              </span>
               Last workflow run
               <i className="material-icons">open_in_new</i>
             </GHALink>
@@ -155,8 +157,7 @@ const GHALink = styled(DynamicLink)`
     color: white;
   }
 
-  > img,
-  span {
+  > img {
     height: 16px;
     margin-right: 9px;
     margin-left: 5px;
@@ -169,6 +170,13 @@ const GHALink = styled(DynamicLink)`
     }
   }
 
+  > span {
+    font-size: 17px;
+    margin-right: 9px;
+    margin-left: 5px;
+    text-decoration: none;
+  }
+
   > i {
     margin-left: 7px;
     font-size: 17px;