diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/WhatsNew/WhatsNew.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/WhatsNew/WhatsNew.tsx
index f332deb8b..bc98cf308 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/WhatsNew/WhatsNew.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/WhatsNew/WhatsNew.tsx
@@ -49,6 +49,10 @@ const WhatsNew = ({ application }: { application: WebApplication }) => {
     )
   }
 
+  const firstValidVersionIndex = changelog.versions.findIndex(
+    (version) => version.version && (getSectionItems(version, 'Bug Fixes') || getSectionItems(version, 'Features')),
+  )
+
   return (
     <PreferencesPane>
       {changelog.versions.map((version, index) => {
@@ -65,12 +69,12 @@ const WhatsNew = ({ application }: { application: WebApplication }) => {
 
         const isUnreadVersion = lastReadVersion && compareSemVersions(version.version, lastReadVersion) > 0
 
-        const isLatest = index === 0
+        const isLatest = index === firstValidVersionIndex
         const isDesktopEnvironment = isDesktopApplication()
         const showDownloadLink = isDesktopEnvironment && isLatest
 
         return (
-          <PreferencesGroup>
+          <PreferencesGroup key={version.version}>
             <div key={version.version}>
               <div className="flex justify-between">
                 <div className="flex items-start">