diff --git a/src/ui/component/button/view.jsx b/src/ui/component/button/view.jsx
index e7531bcd7..f34e0cf7e 100644
--- a/src/ui/component/button/view.jsx
+++ b/src/ui/component/button/view.jsx
@@ -77,10 +77,10 @@ const Button = forwardRef<any, {}>((props: Props, ref: any) => {
 
   const content = (
     <span className="button__content">
-      {icon && <Icon icon={icon} size={iconSize} />}
+      {icon && <Icon icon={icon} iconColor={iconColor} size={iconSize} />}
       {label && <span className="button__label">{label}</span>}
       {children && children}
-      {iconRight && <Icon icon={iconRight} size={iconSize} />}
+      {iconRight && <Icon icon={iconRight} iconColor={iconColor} size={iconSize} />}
     </span>
   );
 
diff --git a/static/locales/en.json b/static/locales/en.json
index 840267460..49fc961e2 100644
--- a/static/locales/en.json
+++ b/static/locales/en.json
@@ -359,4 +359,4 @@
   "Error data": "Error data",
   "Error": "Error",
   "We're sorry that LBRY has encountered an error. This has been reported and we will investigate the problem.": "We're sorry that LBRY has encountered an error. This has been reported and we will investigate the problem."
-}
\ No newline at end of file
+}