diff --git a/src/invidious/views/channel.ecr b/src/invidious/views/channel.ecr
index 475d3880..d8cc4a8d 100644
--- a/src/invidious/views/channel.ecr
+++ b/src/invidious/views/channel.ecr
@@ -19,14 +19,14 @@
     <p>
         <a id="subscribe" onclick="unsubscribe()" class="pure-button pure-button-primary" 
             href="/subscription_ajax?action_remove_subscriptions=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>">
-            <b>Unsubscribe <%= number_to_short_text(sub_count) %></b>
+            <b>Unsubscribe | <%= number_to_short_text(sub_count) %></b>
         </a>
     </p>
     <% else %>
     <p>
         <a id="subscribe" onclick="subscribe()" class="pure-button pure-button-primary" 
             href="/subscription_ajax?action_create_subscription_to_channel=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>">
-            <b>Subscribe <%= number_to_short_text(sub_count) %></b>
+            <b>Subscribe | <%= number_to_short_text(sub_count) %></b>
         </a>
     </p>
     <% end %>
@@ -82,7 +82,7 @@ function subscribe() {
             if (xhr.status == 200) {
                 subscribe_button = document.getElementById("subscribe");
                 subscribe_button.onclick = unsubscribe;
-                subscribe_button.innerHTML = '<b>Unsubscribe <%= number_to_short_text(sub_count) %></b>'
+                subscribe_button.innerHTML = '<b>Unsubscribe | <%= number_to_short_text(sub_count) %></b>'
             }
         }
     }
@@ -101,7 +101,7 @@ function unsubscribe() {
             if (xhr.status == 200) {
                 subscribe_button = document.getElementById("subscribe");
                 subscribe_button.onclick = subscribe;
-                subscribe_button.innerHTML = '<b>Subscribe <%= number_to_short_text(sub_count) %></b>'
+                subscribe_button.innerHTML = '<b>Subscribe | <%= number_to_short_text(sub_count) %></b>'
             }
         }
     }
diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr
index 866b8bad..4fbd4d5b 100644
--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@@ -94,14 +94,14 @@
             <p>
                 <a id="subscribe" onclick="unsubscribe()" class="pure-button pure-button-primary" 
                     href="/subscription_ajax?action_remove_subscriptions=1&c=<%= video.ucid %>&referer=<%= env.get("current_page") %>">
-                    <b>Unsubscribe <%= video.sub_count_text %></b>
+                    <b>Unsubscribe | <%= video.sub_count_text %></b>
                 </a>
             </p>
             <% else %>
             <p>
                 <a id="subscribe" onclick="subscribe()" class="pure-button pure-button-primary" 
                     href="/subscription_ajax?action_create_subscription_to_channel=1&c=<%= video.ucid %>&referer=<%= env.get("current_page") %>">
-                    <b>Subscribe <%= video.sub_count_text %></b>
+                    <b>Subscribe | <%= video.sub_count_text %></b>
                 </a>
             </p>
             <% end %>
@@ -170,7 +170,7 @@ function subscribe() {
             if (xhr.status == 200) {
                 subscribe_button = document.getElementById("subscribe");
                 subscribe_button.onclick = unsubscribe;
-                subscribe_button.innerHTML = '<b>Unsubscribe <%= video.sub_count_text %></b>'
+                subscribe_button.innerHTML = '<b>Unsubscribe | <%= video.sub_count_text %></b>'
             }
         }
     }
@@ -189,7 +189,7 @@ function unsubscribe() {
             if (xhr.status == 200) {
                 subscribe_button = document.getElementById("subscribe");
                 subscribe_button.onclick = subscribe;
-                subscribe_button.innerHTML = '<b>Subscribe <%= video.sub_count_text %></b>'
+                subscribe_button.innerHTML = '<b>Subscribe | <%= video.sub_count_text %></b>'
             }
         }
     }