diff --git a/project/Dependencies.scala b/project/Dependencies.scala
index bcff015a78c8..e2c1be547ca1 100644
--- a/project/Dependencies.scala
+++ b/project/Dependencies.scala
@@ -29,7 +29,7 @@ object Dependencies {
   val lilaSearch  = "org.lichess.search"         %% "client"        % "3.1.0"
   val munit       = "org.scalameta"              %% "munit"         % "1.0.3" % Test
   val uaparser    = "org.uaparser"               %% "uap-scala"     % "0.18.0"
-  val apacheText  = "org.apache.commons"          % "commons-text"  % "1.12.0"
+  val apacheText  = "org.apache.commons"          % "commons-text"  % "1.13.0"
   val apacheMath  = "org.apache.commons"          % "commons-math3" % "3.6.1"
   val bloomFilter = "com.github.alexandrnikitin" %% "bloom-filter"  % "0.13.1_lila-1"
   val kittens     = "org.typelevel"              %% "kittens"       % "3.4.0"
diff --git a/ui/recap/css/_recap.scss b/ui/recap/css/_recap.scss
index d18128c942aa..29cd890c4efb 100644
--- a/ui/recap/css/_recap.scss
+++ b/ui/recap/css/_recap.scss
@@ -6,12 +6,21 @@ body {
   --c-font-shadow: hsla(0, 0, 0%, 0);
   &,
   .site-title,
+  .site-title span,
   .site-buttons .link {
+    #user_tag::after,
     &,
     &:hover {
       color: #fff;
     }
   }
+  .hbg__in {
+    &,
+    &::before,
+    &::after {
+      background-color: #fff;
+    }
+  }
   #clinput,
   #friend_box,
   .site-title-nav__donate {
@@ -98,6 +107,7 @@ body {
 .recap--massive {
   @extend %flex-column;
   align-items: center;
+  max-width: 80%;
   @include fluid-size('font-size', 19px, 42px);
   strong {
     font-size: 3em;
@@ -150,7 +160,7 @@ body {
 
 .recap__shareable {
   .logo {
-    width: 80%;
+    width: 60%;
     max-width: 400px;
   }
   h2 {
@@ -191,6 +201,23 @@ body {
       margin-top: 1em;
     }
   }
+  @media (max-height: 650px) {
+    .logo {
+      height: 20px;
+      width: auto;
+    }
+    h2 {
+      font-size: 1.2em;
+      margin: 0.4em 0;
+    }
+    .openings {
+      margin-top: 1em;
+      .stat {
+        font-size: 1em;
+        margin-top: 0.5em;
+      }
+    }
+  }
 }
 
 .recap small {
diff --git a/ui/recap/src/slides.ts b/ui/recap/src/slides.ts
index 0ecb74c779f5..0c19f7597edb 100644
--- a/ui/recap/src/slides.ts
+++ b/ui/recap/src/slides.ts
@@ -198,7 +198,7 @@ export const sources = (r: Recap): VNode => {
   return (
     best[0] &&
     slideTag('sources')([
-      h('div.recap--massive', 'Where did you play?'),
+      h('div.recap--massive', 'Where did you find games?'),
       h(
         'table.recap__data',
         h(
@@ -214,7 +214,7 @@ export const sources = (r: Recap): VNode => {
 
 export const perfs = (r: Recap): VNode => {
   return slideTag('perfs')([
-    h('div.recap--massive', 'What did you play?'),
+    h('div.recap--massive', 'What time controls and variants did you play?'),
     h(
       'table.recap__data',
       h(