diff --git a/webapp/src/components/jira_ticket_tooltip/jira_ticket_tooltip.tsx b/webapp/src/components/jira_ticket_tooltip/jira_ticket_tooltip.tsx
index f525aaef..f50f4871 100644
--- a/webapp/src/components/jira_ticket_tooltip/jira_ticket_tooltip.tsx
+++ b/webapp/src/components/jira_ticket_tooltip/jira_ticket_tooltip.tsx
@@ -237,7 +237,7 @@ export default class TicketPopover extends React.PureComponent<Props, State> {
                             title={ticketDetails?.summary}
                             rel='noopener noreferrer'
                         >
-                            <h5>{formattedSummary}</h5>
+                            <h5 className='tooltip-ticket-summary'>{ticketDetails.summary && ticketDetails.summary.substring(0, jiraTicketSummaryMaxLength)}</h5>
                         </a>
                         {this.tagTicketStatus(ticketDetails.statusKey)}
                     </div>
diff --git a/webapp/src/components/jira_ticket_tooltip/ticketStyle.scss b/webapp/src/components/jira_ticket_tooltip/ticketStyle.scss
index e340d176..305f6539 100644
--- a/webapp/src/components/jira_ticket_tooltip/ticketStyle.scss
+++ b/webapp/src/components/jira_ticket_tooltip/ticketStyle.scss
@@ -232,6 +232,10 @@
     }
 }
 
+.tooltip-ticket-summary {
+    font-family: inherit !important; 
+}
+
 .jira-issue-tooltip-error {
     height: 210px;
     font-size: 28px;