diff --git a/src/invidious/views/components/description_toggle_transcripts_widget.ecr b/src/invidious/views/components/description_toggle_transcripts_widget.ecr
new file mode 100644
index 00000000..0a80178a
--- /dev/null
+++ b/src/invidious/views/components/description_toggle_transcripts_widget.ecr
@@ -0,0 +1,13 @@
+<% if captions %>
+<div class="description-widget description-show-transcript-widget">
+    <h4><%=HTML.escape(translate(locale, "video_description_show_transcript_section_label"))%></h4>
+    <% if transcript %>
+        <% hide_transcripts_param = env.params.query.dup %>
+        <% hide_transcripts_param.delete_all("show_transcripts") %>
+
+        <a class="pure-button pure-button-secondary" href="/watch?<%= hide_transcripts_param %>"><%=HTML.escape(translate(locale, "video_description_show_transcript_section_button_hide"))%></a>
+    <% else %>
+        <a class="pure-button pure-button-secondary" href="/watch?<%= env.params.query %>&show_transcripts=1"><%=HTML.escape(translate(locale, "video_description_show_transcript_section_button"))%></a>
+    <% end %>
+</div>
+<% end %>
diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr
index 3e90c4f5..cd4526aa 100644
--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@@ -253,23 +253,13 @@ we're going to need to do it here in order to allow for translations.
 
             <div id="description-box"> <!-- Description -->
                 <% if video.description.size < 200 || params.extend_desc %>
-                    <div id="descriptionWrapper"><%= video.description_html %></div>
+                    <div id="descriptionWrapper"><%= video.description_html %>
+                        <%= rendered "components/description_toggle_transcripts_widget" %>
+                    </div>
                 <% else %>
                     <input id="descexpansionbutton" type="checkbox"/>
                     <div id="descriptionWrapper"><%-= video.description_html %>
-                        <% if captions %>
-                            <div class="description-widget description-show-transcript-widget">
-                                <h4><%=HTML.escape(translate(locale, "video_description_show_transcript_section_label"))%></h4>
-                                <% if transcript %>
-                                    <% hide_transcripts_param = env.params.query.dup %>
-                                    <% hide_transcripts_param.delete_all("show_transcripts") %>
-
-                                    <a class="pure-button pure-button-secondary" href="/watch?<%= hide_transcripts_param %>"><%=HTML.escape(translate(locale, "video_description_show_transcript_section_button_hide"))%></a>
-                                <% else %>
-                                    <a class="pure-button pure-button-secondary" href="/watch?<%= env.params.query %>&show_transcripts=1"><%=HTML.escape(translate(locale, "video_description_show_transcript_section_button"))%></a>
-                                <% end %>
-                            </div>
-                        <% end %>
+                        <%= rendered "components/description_toggle_transcripts_widget" %>
                     </div>
                     <label for="descexpansionbutton">
                         <a></a>