diff --git a/ui/component/common/form-components/form-field.jsx b/ui/component/common/form-components/form-field.jsx
index 438ed23f6..ebcf4e718 100644
--- a/ui/component/common/form-components/form-field.jsx
+++ b/ui/component/common/form-components/form-field.jsx
@@ -261,7 +261,7 @@ export class FormField extends React.PureComponent<Props> {
                 {!noEmojis && openEmoteMenu && (
                   <Button
                     type="alt"
-                    className="button--file-action button--comment-icons"
+                    className="button--file-action"
                     title="Emotes"
                     onClick={openEmoteMenu}
                     icon={ICONS.EMOJI}
diff --git a/ui/scss/component/_button.scss b/ui/scss/component/_button.scss
index e69fd5e6e..c3609fbe3 100644
--- a/ui/scss/component/_button.scss
+++ b/ui/scss/component/_button.scss
@@ -350,51 +350,6 @@ a.button--alt {
   background-color: transparent;
   margin-right: var(--spacing-m);
   padding: 0 var(--spacing-xxs);
-
-  &.button--comment-icons {
-    height: initial;
-    padding: 5px;
-  }
-
-  &.button--file-action-active {
-    .icon {
-      fill: var(--color-primary-alt);
-      stroke: var(--color-primary) !important; //fixme
-      color: var(--color-primary);
-    }
-  }
-
-  @media (max-width: $breakpoint-small) {
-    padding: 0 0;
-  }
-
-  .icon {
-    &:not(.color-override) {
-      stroke: var(--color-text);
-    }
-  }
-
-  .button__label {
-    min-width: 10px;
-  }
-
-  &:last-child {
-    margin-right: 0;
-  }
-
-  &:hover {
-    .button__label {
-      color: var(--color-link);
-    }
-  }
-}
-
-.button--comment-icons {
-  /* @extend .button--alt;
-  color: var(--color-text);
-  background-color: transparent;
-  margin-right: var(--spacing-m);
-  padding: 0 var(--spacing-xxs);
   height: initial;
   padding: 5px;
 
@@ -428,7 +383,7 @@ a.button--alt {
     .button__label {
       color: var(--color-link);
     }
-  } */
+  }
 }
 
 [aria-expanded='true'].button--file-action {