diff --git a/src/components/Match/matchColumns.jsx b/src/components/Match/matchColumns.jsx
index b47afbcab9..630f75bc2a 100644
--- a/src/components/Match/matchColumns.jsx
+++ b/src/components/Match/matchColumns.jsx
@@ -56,6 +56,7 @@ export default (strings) => {
       predictedVictory={row.pred_vict}
       leaverStatus={row.leaver_status}
       hero={compileLevelOneStats(heroes[row.hero_id])}
+      role={row.desc}
     />);
   };
 
diff --git a/src/components/Visualizations/Table/HeroImage.jsx b/src/components/Visualizations/Table/HeroImage.jsx
index 0326d41455..2f65732a14 100644
--- a/src/components/Visualizations/Table/HeroImage.jsx
+++ b/src/components/Visualizations/Table/HeroImage.jsx
@@ -481,6 +481,7 @@ class TableHeroImage extends React.Component {
       leaverStatus,
       strings,
       hero = {},
+      role,
     } = this.props;
     const { tooltipVisible } = this.state;
 
@@ -576,6 +577,7 @@ class TableHeroImage extends React.Component {
                 </TableLink>
                 : title}
             </span>
+            {role && <span>{role}</span>}
             {subtitle &&
               <span style={subTextStyle} className="subTextContainer">
                 {subtitle}
@@ -724,6 +726,7 @@ TableHeroImage.propTypes = {
   strings: shape({}),
   hero: shape({}),
   heroID: number,
+  role: string,
 };
 
 // If need party or estimated, just add new prop with default val = solo and change icons depending what needs