diff --git a/ui/component/claimCollectionAddButton/view.jsx b/ui/component/claimCollectionAddButton/view.jsx
index 43f2d3e0b..a3744c748 100644
--- a/ui/component/claimCollectionAddButton/view.jsx
+++ b/ui/component/claimCollectionAddButton/view.jsx
@@ -31,7 +31,7 @@ export default function CollectionAddButton(props: Props) {
       })}
       icon={fileAction ? (!isSaved ? ICONS.ADD : ICONS.STACK) : ICONS.LIBRARY}
       iconSize={fileAction ? 22 : undefined}
-      iconColor={isSaved && 'green'}
+      iconColor={isSaved && 'primary'}
       label={uri ? (!isSaved ? __('Save') : __('Saved')) : __('New List')}
       requiresAuth={IS_WEB}
       title={__('Add this claim to a list')}
diff --git a/ui/component/common/icon.jsx b/ui/component/common/icon.jsx
index fec9a8062..cea62957f 100644
--- a/ui/component/common/icon.jsx
+++ b/ui/component/common/icon.jsx
@@ -3,6 +3,7 @@ import * as ICONS from 'constants/icons';
 import React from 'react';
 import classnames from 'classnames';
 import { icons } from './icon-custom';
+import { DOMAIN } from 'config';
 
 // It would be nice to standardize this somehow
 // These are copied from `scss/vars`, can they both come from the same source?
@@ -38,6 +39,8 @@ class IconComponent extends React.PureComponent<Props> {
 
   getIconColor = (color: string) => {
     switch (color) {
+      case 'primary':
+        return DOMAIN === 'odysee.com' ? RED_COLOR : GREEN_COLOR;
       case 'red':
         return RED_COLOR;
       case 'green':