diff --git a/app/assets/stylesheets/layout/remote_translations_button.scss b/app/assets/stylesheets/layout/remote_translations_button.scss
index f4a6db706..0c1eafe41 100644
--- a/app/assets/stylesheets/layout/remote_translations_button.scss
+++ b/app/assets/stylesheets/layout/remote_translations_button.scss
@@ -1,4 +1,5 @@
 .remote-translations-button {
+  text-align: center;
 
   &.callout {
     margin: 0;
diff --git a/app/components/layout/remote_translations_button_component.html.erb b/app/components/layout/remote_translations_button_component.html.erb
index 478f61459..9447e6d5a 100644
--- a/app/components/layout/remote_translations_button_component.html.erb
+++ b/app/components/layout/remote_translations_button_component.html.erb
@@ -1,4 +1,4 @@
-<div class="remote-translations-button callout primary text-center">
+<div class="remote-translations-button callout primary">
   <% if display_remote_translation_button? %>
     <%= form_tag remote_translations_path do %>
       <%= hidden_field_tag :remote_translations, remote_translations.to_json %>