diff --git a/static/styles/recent_topics.scss b/static/styles/recent_topics.scss
index 7a27a13352..a06c45d4a4 100644
--- a/static/styles/recent_topics.scss
+++ b/static/styles/recent_topics.scss
@@ -55,7 +55,21 @@
     .recent_topics_table {
         margin: 0px;
         padding: 15px;
-        overflow: auto;
+        overflow: hidden !important;
+
+        .tableFixHead {
+            padding: 10px;
+            padding-top: 0px !important;
+            overflow-y: auto;
+            max-height: 100%;
+        }
+        .tableFixHead thead th {
+            position: sticky;
+            top: 0;
+            z-index: 1000;
+            background-color: hsl(0, 0%, 27%);
+            color: hsl(0, 0%, 100%);
+        }
 
         #recent_topics_filter_buttons {
             margin: 0 10px 0 10px;
@@ -78,11 +92,6 @@
             background-color: hsl(0, 11%, 93%);
         }
 
-        thead {
-            background-color: hsl(0, 0%, 27%);
-            color: hsl(0, 0%, 100%);
-        }
-
         .recent_topic_unread_count {
             text-align: center;
             // width is kept less than width of
diff --git a/static/templates/recent_topics_table.hbs b/static/templates/recent_topics_table.hbs
index 510306af2b..218c8ffdc8 100644
--- a/static/templates/recent_topics_table.hbs
+++ b/static/templates/recent_topics_table.hbs
@@ -4,18 +4,20 @@
     <button data-filter="participated" type="button" class="btn btn-default btn-recent-filters">{{t 'Participated' }}</button>
     <input type="text" id="recent_topics_search" placeholder="{{t 'Search stream / topic' }}">
 </div>
-<table class="table table-responsive table-hover">
-    <thead>
-        <tr>
-            <th>{{t 'Unread' }}</th>
-            <th>{{t 'Stream' }}</th>
-            <th>{{t 'Topic' }}</th>
-            <th>{{t 'Actions' }}</th>
-            <th>{{t 'Participants' }}</th>
-            <th>{{t 'Last message' }}</th>
-        </tr>
-    </thead>
-    {{#each recent_topics}}
-    {{> recent_topic_row}}
-    {{/each}}
-</table>
+<div class="tableFixHead">
+    <table class="table table-responsive table-hover">
+        <thead>
+            <tr>
+                <th>{{t 'Unread' }}</th>
+                <th>{{t 'Stream' }}</th>
+                <th>{{t 'Topic' }}</th>
+                <th>{{t 'Actions' }}</th>
+                <th>{{t 'Participants' }}</th>
+                <th>{{t 'Last message' }}</th>
+            </tr>
+        </thead>
+        {{#each recent_topics}}
+        {{> recent_topic_row}}
+        {{/each}}
+    </table>
+</div>