diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 6f809ca24..e47ba0343 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -2431,8 +2431,12 @@ table {
       border-top: 1px solid $border;
     }
 
-    .score-actions {
-      display: none;
+    @include breakpoint(medium) {
+
+      .score-actions {
+        display: none;
+        float: right;
+      }
     }
 
     &:hover {
@@ -2462,7 +2466,10 @@ table {
 
 .relate-content-score {
   display: block;
-  text-align: center;
+
+  @include breakpoint(medium) {
+    text-align: center;
+  }
 
   a {
     font-weight: bold;
diff --git a/app/views/relationable/_related_list.html.erb b/app/views/relationable/_related_list.html.erb
index 1e5a866a3..606819624 100644
--- a/app/views/relationable/_related_list.html.erb
+++ b/app/views/relationable/_related_list.html.erb
@@ -2,7 +2,7 @@
   <% @related_contents.each do |related| %>
     <li>
       <% if current_user %>
-        <span id="<%= dom_id(related.relate_content(relationable)) %>" class="js-score-actions score-actions float-right">
+        <span id="<%= dom_id(related.relate_content(relationable)) %>" class="js-score-actions score-actions">
           <%= render 'relationable/score', related: related.relate_content(relationable) %>
         </span>
       <% end %>