@times-components/ts-components 1.64.2 → 1.65.0

package/src/components/olympics/__tests__/__snapshots__/OlympicsMedalTable.test.tsx.snap

@@ -10,7 +10,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
 }
 
 .c4 {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -28,7 +28,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -70,7 +70,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
 .c0 .pa-medaltable .pa_MedalTableView_medaltable table thead {
   color: #1D1D1B;
   line-height: 48px;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
 }
 
@@ -102,7 +102,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
 }
 
 .c0 .pa-medaltable .pa_MedalTableView_medaltable tbody tr td:first-child {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   color: #402f7a;
 }
 
@@ -118,7 +118,7 @@ exports[`<OlympicsMedalTable> click show all 1`] = `
 .c0 .pa-medaltable .pa_OdfFooter_ctr {
   position: relative;
   top: 60px;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   color: #1D1D1B;
 }
 
@@ -192,7 +192,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
 }
 
 .c4 {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -210,7 +210,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -252,7 +252,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
 .c0 .pa-medaltable .pa_MedalTableView_medaltable table thead {
   color: #1D1D1B;
   line-height: 48px;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
 }
 
@@ -284,7 +284,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
 }
 
 .c0 .pa-medaltable .pa_MedalTableView_medaltable tbody tr td:first-child {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   color: #402f7a;
 }
 
@@ -300,7 +300,7 @@ exports[`<OlympicsMedalTable> renders 1`] = `
 .c0 .pa-medaltable .pa_OdfFooter_ctr {
   position: relative;
   top: 60px;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   color: #1D1D1B;
 }
 
@@ -374,7 +374,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
 }
 
 .c4 {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -392,7 +392,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -434,7 +434,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
 .c0 .pa-medaltable .pa_MedalTableView_medaltable table thead {
   color: #1D1D1B;
   line-height: 48px;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
 }
 
@@ -466,7 +466,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
 }
 
 .c0 .pa-medaltable .pa_MedalTableView_medaltable tbody tr td:first-child {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   color: #402f7a;
 }
 
@@ -482,7 +482,7 @@ exports[`<OlympicsMedalTable> renders default keys 1`] = `
 .c0 .pa-medaltable .pa_OdfFooter_ctr {
   position: relative;
   top: 60px;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   color: #1D1D1B;
 }
 
@@ -556,7 +556,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
 }
 
 .c4 {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -574,7 +574,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -616,7 +616,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
 .c0 .pa-medaltable .pa_MedalTableView_medaltable table thead {
   color: #1D1D1B;
   line-height: 48px;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
 }
 
@@ -648,7 +648,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
 }
 
 .c0 .pa-medaltable .pa_MedalTableView_medaltable tbody tr td:first-child {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   color: #402f7a;
 }
 
@@ -664,7 +664,7 @@ exports[`<OlympicsMedalTable> renders outside of article 1`] = `
 .c0 .pa-medaltable .pa_OdfFooter_ctr {
   position: relative;
   top: 60px;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   color: #1D1D1B;
 }
 

package/src/components/olympics/__tests__/__snapshots__/OlympicsSchedule.test.tsx.snap

@@ -10,7 +10,7 @@ exports[`<OlympicsSchedule> click show all 1`] = `
 }
 
 .c4 {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -28,7 +28,7 @@ exports[`<OlympicsSchedule> click show all 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -52,20 +52,20 @@ exports[`<OlympicsSchedule> click show all 1`] = `
 
 .c0 .pa-schedule .pa_ScheduleHeader_header {
   color: #1D1D1B;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 18px;
   background: #EDEDED;
 }
 
 .c0 .pa-schedule .pa_ScheduleHeader_filterbar {
   color: #1D1D1B;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   background: #EDEDED;
   font-size: 16px;
 }
 
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 16px;
 }
 
@@ -93,7 +93,7 @@ exports[`<OlympicsSchedule> click show all 1`] = `
 }
 
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr .pa_UnitListView_unit-text {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 16px;
 }
 
@@ -112,7 +112,7 @@ exports[`<OlympicsSchedule> click show all 1`] = `
 }
 
 .c0 .pa-schedule .pa_OdfFooter_ctr {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 12px;
   top: 60px;
   position: relative;
@@ -208,7 +208,7 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
 }
 
 .c4 {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -226,7 +226,7 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -250,20 +250,20 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
 
 .c0 .pa-schedule .pa_ScheduleHeader_header {
   color: #1D1D1B;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 18px;
   background: #EDEDED;
 }
 
 .c0 .pa-schedule .pa_ScheduleHeader_filterbar {
   color: #1D1D1B;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   background: #EDEDED;
   font-size: 16px;
 }
 
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 16px;
 }
 
@@ -291,7 +291,7 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
 }
 
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr .pa_UnitListView_unit-text {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 16px;
 }
 
@@ -310,7 +310,7 @@ exports[`<OlympicsSchedule> render default keys 1`] = `
 }
 
 .c0 .pa-schedule .pa_OdfFooter_ctr {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 12px;
   top: 60px;
   position: relative;
@@ -406,7 +406,7 @@ exports[`<OlympicsSchedule> renders 1`] = `
 }
 
 .c4 {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -424,7 +424,7 @@ exports[`<OlympicsSchedule> renders 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -448,20 +448,20 @@ exports[`<OlympicsSchedule> renders 1`] = `
 
 .c0 .pa-schedule .pa_ScheduleHeader_header {
   color: #1D1D1B;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 18px;
   background: #EDEDED;
 }
 
 .c0 .pa-schedule .pa_ScheduleHeader_filterbar {
   color: #1D1D1B;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   background: #EDEDED;
   font-size: 16px;
 }
 
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 16px;
 }
 
@@ -489,7 +489,7 @@ exports[`<OlympicsSchedule> renders 1`] = `
 }
 
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr .pa_UnitListView_unit-text {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 16px;
 }
 
@@ -508,7 +508,7 @@ exports[`<OlympicsSchedule> renders 1`] = `
 }
 
 .c0 .pa-schedule .pa_OdfFooter_ctr {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 12px;
   top: 60px;
   position: relative;
@@ -604,7 +604,7 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
 }
 
 .c4 {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 14px;
   line-height: 20px;
   padding: 14px 16px;
@@ -622,7 +622,7 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
   font-size: 12px;
   line-height: 14px;
   color: #402f7a;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-weight: normal;
   text-transform: uppercase;
   -webkit-letter-spacing: 1px;
@@ -646,20 +646,20 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
 
 .c0 .pa-schedule .pa_ScheduleHeader_header {
   color: #1D1D1B;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 18px;
   background: #EDEDED;
 }
 
 .c0 .pa-schedule .pa_ScheduleHeader_filterbar {
   color: #1D1D1B;
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   background: #EDEDED;
   font-size: 16px;
 }
 
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 16px;
 }
 
@@ -687,7 +687,7 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
 }
 
 .c0 .pa-schedule .pa_LoadingOverlayContainer_ctr .pa_UnitListView_ctr .pa_UnitListView_unit-text {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 16px;
 }
 
@@ -706,7 +706,7 @@ exports[`<OlympicsSchedule> renders outside of article 1`] = `
 }
 
 .c0 .pa-schedule .pa_OdfFooter_ctr {
-  font-family: GillSansMTStd-Medium;
+  font-family: Roboto-Regular;
   font-size: 12px;
   top: 60px;
   position: relative;

package/src/components/olympics/medal-table/OlympicsMedalTable.stories.tsx

@@ -6,20 +6,17 @@ import { ArticleHarness } from '../../../fixtures/article-harness/ArticleHarness
 import { boolean, text } from '@storybook/addon-knobs';
 import { config } from '../OlympicsKeys';
 
-storiesOf('Typescript Component/Olympics', module)
-  .addDecorator((storyFn: () => React.ReactNode) => (
-    <ArticleHarness>{storyFn()}</ArticleHarness>
-  ))
+storiesOf('Typescript Component/Olympics', module).add('Medal Table', () => {
+  const inArticle = boolean('Is In Article', true);
+  const highlighted = text('Highlighted Country', 'GBR');
 
-  .add('Medal Table', () => {
-    const inArticle = boolean('Is In Article', true);
-    const highlighted = text('Highlighted Country', 'GBR');
-
-    return (
+  return (
+    <ArticleHarness>
       <OlympicsMedalTable
         keys={config.prod}
         highlighted={highlighted}
         inArticle={inArticle}
       />
-    );
-  });
+    </ArticleHarness>
+  );
+});

package/src/components/olympics/schedule/OlympicsSchedule.stories.tsx

@@ -6,13 +6,11 @@ import { ArticleHarness } from '../../../fixtures/article-harness/ArticleHarness
 import { boolean } from '@storybook/addon-knobs';
 import { config } from '../OlympicsKeys';
 
-storiesOf('Typescript Component/Olympics', module)
-  .addDecorator((storyFn: () => React.ReactNode) => (
-    <ArticleHarness>{storyFn()}</ArticleHarness>
-  ))
-
-  .add('Schedule', () => {
-    const inArticle = boolean('Is In Article', true);
-
-    return <OlympicsSchedule keys={config.prod} inArticle={inArticle} />;
-  });
+storiesOf('Typescript Component/Olympics', module).add('Schedule', () => {
+  const inArticle = boolean('Is In Article', true);
+  return (
+    <ArticleHarness>
+      <OlympicsSchedule keys={config.prod} inArticle={inArticle} />
+    </ArticleHarness>
+  );
+});

package/src/components/opta/football/fixtures/__tests__/__snapshots__/OptaFootballFixtures.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`OptaFootballFixtures should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-ifAKCX ceXVkP"
+      class="sc-htpNat sc-ifAKCX eajDtg"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaFootballFixtures should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-ifAKCX ceXVkP"
+      class="sc-htpNat sc-ifAKCX eajDtg"
     >
       <div>
         Widget

package/src/components/opta/football/fixtures/styles.ts

@@ -65,6 +65,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
               span {
                 float: none;
                 padding: 0;
+                font-size: 13px;
               }
 
               @media (min-width: ${breakpoints.medium}px) {
@@ -106,7 +107,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
                 @media (min-width: ${breakpoints.medium}px) {
                   width: 60px !important;
                   padding: 6px 0 0 20px;
-                  font-size: 14px;
+                  font-size: 13px;
                   line-height: 14px;
                 }
               }
@@ -197,7 +198,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
               padding: 10px;
               color: ${colours.functional.primary};
               font-family: ${fonts.supporting};
-              font-size: 14px;
+              font-size: 13px;
               line-height: 16px;
               background-color: transparent;
 
@@ -230,7 +231,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
                       .Opta-Event-Text {
                         color: ${colours.functional.primary};
                         font-family: ${fonts.supporting};
-                        font-size: 14px;
+                        font-size: 13px;
                         line-height: 16px;
 
                         .Opta-Event-Player,

package/src/components/opta/football/match-stats/__tests__/__snapshots__/OptaFootballMatchStats.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`OptaFootballMatchStats should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb ljTAFU"
+      class="sc-htpNat sc-bxivhb jbuKhZ"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaFootballMatchStats should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb ljTAFU"
+      class="sc-htpNat sc-bxivhb jbuKhZ"
     >
       <div>
         Widget

package/src/components/opta/football/match-stats/styles.ts

@@ -21,7 +21,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
               padding: 20px 0 0 0;
               color: ${colours.functional.brandColour};
               font-family: ${fonts.supporting};
-              font-size: 14px;
+              font-size: 13px;
               line-height: 14px;
             }
 

package/src/components/opta/football/standings/__tests__/__snapshots__/OptaFootballStandings.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`OptaFootballStandings should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb cPAtKK"
+      class="sc-htpNat sc-bxivhb kQLOGL"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaFootballStandings should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb cPAtKK"
+      class="sc-htpNat sc-bxivhb kQLOGL"
     >
       <div>
         Widget

package/src/components/opta/football/standings/styles.ts

@@ -155,7 +155,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
               padding: 0;
               color: ${colours.functional.primary};
               font-family: ${fonts.supporting};
-              font-size: 14px;
+              font-size: 13px;
               line-height: 14px;
               font-weight: normal;
               text-align: center;
@@ -196,7 +196,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
 
               @media (min-width: ${breakpoints.medium}px) {
                 width: 50px;
-                font-size: 16px;
+                font-size: 15px;
                 line-height: 16px;
               }
             }

package/src/components/opta/football/summary/__tests__/__snapshots__/OptaFootballSummary.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`OptaFootballSummary should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb hHhneA"
+      class="sc-htpNat sc-bxivhb kplfa"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaFootballSummary should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb hHhneA"
+      class="sc-htpNat sc-bxivhb kplfa"
     >
       <div>
         Widget

package/src/components/opta/football/summary/styles.ts

@@ -132,7 +132,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
           .Opta-Event-Text {
             color: ${colours.functional.brandColour};
             font-family: ${fonts.supporting};
-            font-size: 14px;
+            font-size: 13px;
             line-height: 16px;
 
             .Opta-Event-Player,

package/src/components/opta/rugby/fixtures/__tests__/__snapshots__/OptaRugbyFixtures.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`OptaRugbyFixtures should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-ifAKCX cyWAhZ"
+      class="sc-htpNat sc-ifAKCX jZvPoQ"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaRugbyFixtures should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-ifAKCX cyWAhZ"
+      class="sc-htpNat sc-ifAKCX jZvPoQ"
     >
       <div>
         Widget

package/src/components/opta/rugby/fixtures/styles.ts

@@ -65,6 +65,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
               span {
                 float: none;
                 padding: 0;
+                font-size: 13px;
               }
 
               @media (min-width: ${breakpoints.medium}px) {
@@ -106,7 +107,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
                 @media (min-width: ${breakpoints.medium}px) {
                   width: 60px !important;
                   padding: 6px 0 0 20px;
-                  font-size: 14px;
+                  font-size: 13px;
                   line-height: 14px;
                 }
               }
@@ -230,7 +231,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
                       .Opta-Event-Text {
                         color: ${colours.functional.primary};
                         font-family: ${fonts.supporting};
-                        font-size: 14px;
+                        font-size: 13px;
                         line-height: 16px;
 
                         .Opta-Event-Player,

package/src/components/opta/rugby/match-stats/__tests__/__snapshots__/OptaRugbyMatchStats.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`OptaRugbyMatchStats should render correctly 1`] = `
     class="sc-bdVaJa giUBsz"
   >
     <div
-      class="sc-htpNat sc-bxivhb ljTAFU"
+      class="sc-htpNat sc-bxivhb jbuKhZ"
     />
     <div
       class="sc-bwzfXH kVYHKf"
@@ -23,7 +23,7 @@ exports[`OptaRugbyMatchStats should render correctly 2`] = `
     class="sc-bdVaJa hGXeaj"
   >
     <div
-      class="sc-htpNat sc-bxivhb ljTAFU"
+      class="sc-htpNat sc-bxivhb jbuKhZ"
     >
       <div>
         Widget

package/src/components/opta/rugby/match-stats/styles.ts

@@ -21,7 +21,7 @@ export const WidgetContainer = styled(WidgetContainerBase)`
               padding: 20px 0 0 0;
               color: ${colours.functional.brandColour};
               font-family: ${fonts.supporting};
-              font-size: 14px;
+              font-size: 13px;
               line-height: 14px;
             }