last-mile preview env button styling updates

dashboard/src/main/home/cluster-dashboard/preview-environments/components/ActionButton.tsx

@@ -33,7 +33,7 @@ export const ActionButton = styled.button`
   color: #ffffff;
   border: 1px solid
     ${(props: { disabled: boolean; hasError: boolean }) =>
-      props.hasError ? "red" : "#aaaabb"};
+      props.hasError ? "#dd4b4b" : "#aaaabb"};
   display: flex;
   align-items: center;
   background: ${(props: { disabled: boolean; hasError: boolean }) =>

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

@@ -167,7 +167,7 @@ const DeploymentCard: React.FC<{
                 ) : (
                   <>
                     <i className="material-icons">play_arrow</i>
-                    Activate preview environment
+                    Activate Preview Environment
                   </>
                 )}
               </ActionButton>

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

@@ -109,8 +109,8 @@ const PullRequestCard = ({
               <Loading width="198px" height="14px" />
             ) : (
               <>
-                <i className="material-icons">add</i>
-                Create Preview environment
+                <i className="material-icons">play_arrow</i>
+                Activate Preview Environment
               </>
             )}
           </ActionButton>