diff --git a/app/assets/stylesheets/hooks/tinymce.scss b/app/assets/stylesheets/hooks/tinymce.scss
index bda9cc69c..eeb863add 100644
--- a/app/assets/stylesheets/hooks/tinymce.scss
+++ b/app/assets/stylesheets/hooks/tinymce.scss
@@ -36,6 +36,17 @@
   }
 }
 
+.mce-primary {
+  background-color: $brand-primary !important;
+  border-color: $brand-primary !important;
+  border-radius: $border-radius-default !important;
+  color: $color-white !important;
+}
+
+.mce-primary .mce-txt:hover {
+  color: $color-white !important;
+}
+
 .ql-editor {
   font-size: 16px;
 }
diff --git a/app/views/assets/wopi/_create_wopi_file_button.html.erb b/app/views/assets/wopi/_create_wopi_file_button.html.erb
index 3b33b37ee..c851a3091 100644
--- a/app/views/assets/wopi/_create_wopi_file_button.html.erb
+++ b/app/views/assets/wopi/_create_wopi_file_button.html.erb
@@ -1,10 +1,10 @@
 <% if wopi_enabled? %>
   <%= link_to create_wopi_file_path,
-              class: 'btn btn-default create-wopi-file-btn',
+              class: 'btn btn-light create-wopi-file-btn',
               target: '_blank',
               title: 'Create_new_file',
               data: { 'id': element_id, 'type': element_type, } do %>
-    <span class="btn btn-default new-asset-upload-button">
+    <span class="btn btn-light new-asset-upload-button">
       <%= image_tag 'office/office.svg' %>
       <%=t 'assets.create_wopi_file.button_text' %>
     </span>