diff --git a/templates/zerver/app/index.html b/templates/zerver/app/index.html
index 1dc2290adb..159a9e2fc9 100644
--- a/templates/zerver/app/index.html
+++ b/templates/zerver/app/index.html
@@ -226,7 +226,7 @@
                 <div id="recent_view">
                     <div class="recent_view_container">
                         <div id="recent_view_table"></div>
-                        <div id="recent_topics_bottom_whitespace">
+                        <div id="recent_view_bottom_whitespace">
                             <div class="bottom-messages-logo">
                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 773.12 773.12">
                                     <circle cx="386.56" cy="386.56" r="386.56"/>
diff --git a/web/src/recent_view_ui.js b/web/src/recent_view_ui.js
index 1318b6a776..fdfa1274f0 100644
--- a/web/src/recent_view_ui.js
+++ b/web/src/recent_view_ui.js
@@ -292,7 +292,7 @@ export function show_loading_indicator() {
 }
 
 export function hide_loading_indicator() {
-    $("#recent_topics_bottom_whitespace").hide();
+    $("#recent_view_bottom_whitespace").hide();
     loading.destroy_indicator($("#recent_topics_loading_messages_indicator"), {
         abs_positioned: false,
     });
diff --git a/web/styles/recent_topics.css b/web/styles/recent_topics.css
index 9e23fb1de5..3baee2c027 100644
--- a/web/styles/recent_topics.css
+++ b/web/styles/recent_topics.css
@@ -458,7 +458,7 @@
         }
     }
 
-    #recent_topics_bottom_whitespace {
+    #recent_view_bottom_whitespace {
         /* For visual reasons, in a message feed, we require a large
          * bottom_whitespace to make it convenient to display new
          * messages as they come in and prevent occluding the last