diff --git a/app/webpacker/css/admin/components/buttons.scss b/app/webpacker/css/admin/components/buttons.scss
index 5de746ea48..c96b70b17e 100644
--- a/app/webpacker/css/admin/components/buttons.scss
+++ b/app/webpacker/css/admin/components/buttons.scss
@@ -1,6 +1,6 @@
 input[type="submit"],
-input[type="button"],
-button:not(.plain),
+input[type="button"]:not(.trix-button),
+button:not(.plain):not(.trix-button),
 .button {
   position: relative;
   cursor: pointer;
diff --git a/app/webpacker/css/admin/openfoodnetwork.scss b/app/webpacker/css/admin/openfoodnetwork.scss
index 176cc00c26..e396dd1802 100644
--- a/app/webpacker/css/admin/openfoodnetwork.scss
+++ b/app/webpacker/css/admin/openfoodnetwork.scss
@@ -254,7 +254,8 @@ text-angular {
     display: inline;
     margin-right: 8px;
     button {
-      padding: 5px 10px;
+      padding: 5px 10px !important; // Add `!important` to be more specific than the default button styles (app/webpacker/css/admin/components/buttons.scss)
+      // Hope this (text-angular) will be removed soon in order to use trix editor
       margin-right: 0.25em;
     }
     button.active:not(:hover) {
diff --git a/app/webpacker/css/admin/trix.scss b/app/webpacker/css/admin/trix.scss
index 01e72c1fd0..77eb6e1379 100644
--- a/app/webpacker/css/admin/trix.scss
+++ b/app/webpacker/css/admin/trix.scss
@@ -8,15 +8,3 @@ trix-editor {
     margin-left: 1.5em;
   }
 }
-
-trix-toolbar .trix-button {
-  background-color: transparent;
-
-  &:hover {
-    background-color: transparent;
-  }
-
-  &:disabled {
-    cursor: default;
-  }
-}