diff --git a/app/javascript/custom/papers.js b/app/javascript/custom/papers.js
index e8f7fe2a..41ba86da 100644
--- a/app/javascript/custom/papers.js
+++ b/app/javascript/custom/papers.js
@@ -43,4 +43,6 @@ const copyText = (text) => {
 }
 window.copyText = copyText;
 
-$('[data-toggle="popover"]').popover()
\ No newline at end of file
+$('#badge-copy-button').popover({
+  placement: window.screen.width > 500 ? 'left' : 'bottom'
+})
\ No newline at end of file
diff --git a/app/views/papers/_badge.html.erb b/app/views/papers/_badge.html.erb
index a9e4c8bc..de3bf525 100644
--- a/app/views/papers/_badge.html.erb
+++ b/app/views/papers/_badge.html.erb
@@ -8,9 +8,9 @@
 <div class="badge-container" id="markdown-badge">
   <img id="reviewer-badge" src="<%= badge_url %>">
     <button
+      id="badge-copy-button"
       class="btn btn-outline-secondary btn-sm"
       data-toggle="popover"
-      data-placement="left"
       title="Copied!"
       data-content="<pre><%= badge_markdown %></pre>"
       data-sanitize="false"