diff --git a/resources/css/bem/matchmaking-result.less b/resources/css/bem/matchmaking-result.less
index c37ac733875..3bbf00baee6 100644
--- a/resources/css/bem/matchmaking-result.less
+++ b/resources/css/bem/matchmaking-result.less
@@ -6,7 +6,9 @@
   gap: 5px;
 
   &--provisional {
-    grid-template-columns: auto 1fr;
+    // allow vertical overflow to still be centered within parent element
+    display: flex;
+    min-height: 0;
     align-items: center;
     gap: 10px;
     padding: 0 5px;
@@ -38,6 +40,10 @@
     }
   }
 
+  &__provisional-icon {
+    flex: none;
+  }
+
   &__title {
     font-size: @font-size--normal;
     font-weight: bold;
diff --git a/resources/js/profile-page/detail-stats-v2/matchmaking.tsx b/resources/js/profile-page/detail-stats-v2/matchmaking.tsx
index 8880a6f7cbc..9b8f0b91245 100644
--- a/resources/js/profile-page/detail-stats-v2/matchmaking.tsx
+++ b/resources/js/profile-page/detail-stats-v2/matchmaking.tsx
@@ -200,7 +200,9 @@ export default class Matchmaking extends React.PureComponent<Props> {
     if (this.stats.is_rating_provisional) {
       return (
         <div className='matchmaking-result matchmaking-result--provisional'>
-          <span className='fas fa-ghost' />
+          <span className='matchmaking-result__provisional-icon'>
+            <span className='fas fa-ghost' />
+          </span>
           <span>
             {trans('users.show.matchmaking.recent_history_provisional')}
           </span>