diff --git a/components/Button/index.scss b/components/Button/index.scss
index 0b4b88d0..9328215f 100644
--- a/components/Button/index.scss
+++ b/components/Button/index.scss
@@ -34,6 +34,24 @@
         }
     }
 
+    &.save:hover {
+        color: #FF4D4D;
+        
+        .icon svg {
+            fill: #FF4D4D;
+            stroke: #FF4D4D;
+        }
+    }
+
+    &.save.Active {
+        color: #FF4D4D;
+        
+        .icon svg {
+            fill: #FF4D4D;
+            stroke: #FF4D4D;
+        }
+    }
+
     &.modal:hover {
         background: $grey-90;
     }
diff --git a/components/Button/index.tsx b/components/Button/index.tsx
index 4db0290f..1986b37f 100644
--- a/components/Button/index.tsx
+++ b/components/Button/index.tsx
@@ -8,6 +8,7 @@ import CrossIcon from '~public/icons/Cross.svg'
 import EditIcon from '~public/icons/Edit.svg'
 import LinkIcon from '~public/icons/Link.svg'
 import MenuIcon from '~public/icons/Menu.svg'
+import SaveIcon from '~public/icons/Save.svg'
 
 import './index.scss'
 
@@ -63,6 +64,10 @@ class Button extends React.Component<Props, State> {
             icon = <span className='icon'>
                 <EditIcon />
             </span>
+        } else if (this.props.icon === 'save') {
+            icon = <span className='icon stroke'>
+                <SaveIcon />
+            </span>
         }
 
         const classes = classNames({
@@ -70,6 +75,7 @@ class Button extends React.Component<Props, State> {
             'Active': this.props.active,
             'btn-pressed': this.state.isPressed,
             'btn-disabled': this.props.disabled,
+            'save': this.props.icon === 'save',
             'destructive': this.props.type == ButtonType.Destructive
         })