New source found from dndbeyond.com

ddb_main/tools/js/Shared/containers/panes/VehiclePane/VehiclePane.tsx

@@ -1,4 +1,3 @@
-import ArrowRightAltIcon from "@mui/icons-material/ArrowRightAlt";
 import { has } from "lodash";
 import React from "react";
 import { connect } from "react-redux";
@@ -6,7 +5,6 @@ import { connect } from "react-redux";
 import {
   Collapsible,
   DisabledLockSvg,
-  MarketplaceCta,
 } from "@dndbeyond/character-components/es";
 import {
   CharacterTheme,
@@ -19,10 +17,12 @@ import {
   VehicleComponentManager,
   VehicleManager,
 } from "@dndbeyond/character-rules-engine/es";
+import LinkIcon from "@dndbeyond/fontawesome-cache/svgs/solid/arrow-up-right-from-square.svg";
 
 import { EditableName } from "~/components/EditableName";
 import { HtmlContent } from "~/components/HtmlContent";
 import { Link } from "~/components/Link";
+import { MarketplaceCta } from "~/components/MarketplaceCta";
 import { Reference } from "~/components/Reference";
 import { TagGroup } from "~/components/TagGroup";
 import { useSidebar } from "~/contexts/Sidebar";
@@ -51,6 +51,7 @@ import {
   PaneIdentifierUtils,
   TypeScriptUtils,
 } from "../../../utils";
+import styles from "./styles.module.css";
 
 interface Hack_DataForEditor {
   name: string | null;
@@ -512,7 +513,7 @@ class VehiclePane extends React.PureComponent<Props, State> {
       vehicle.isSpelljammer() || vehicle.isElementalAirship();
 
     return (
-      <React.Fragment>
+      <>
         {this.renderCustomize()}
         {primaryComponentManageType ===
           Constants.VehicleConfigurationPrimaryComponentManageTypeEnum
@@ -533,20 +534,16 @@ class VehiclePane extends React.PureComponent<Props, State> {
         {this.renderTags()}
         {this.renderDescription()}
         <Link
+          className={styles.link}
           href={vehicle.getUrl() ?? ""}
           target="_blank"
           rel="noopener noreferrer"
-          style={{
-            display: "flex",
-            alignItems: "center",
-            marginTop: "8px",
-            color: "primary.main",
-          }}
         >
-          {vehicle.getDefinitionName()} Details Page <ArrowRightAltIcon />
+          {vehicle.getDefinitionName()} Details Page{" "}
+          <LinkIcon className={styles.linkIcon} />
         </Link>
         {this.renderActions()}
-      </React.Fragment>
+      </>
     );
   };
 
@@ -566,10 +563,10 @@ class VehiclePane extends React.PureComponent<Props, State> {
       );
     } else {
       return (
-        <React.Fragment>
+        <>
           <DisabledLockSvg className="ct-vehicle-pane__header-lock" />
           {name}
-        </React.Fragment>
+        </>
       );
     }
   };