diff --git a/js/components/ascribe_buttons/delete_button.js b/js/components/ascribe_buttons/delete_button.js
index 7077138d..37f3d862 100644
--- a/js/components/ascribe_buttons/delete_button.js
+++ b/js/components/ascribe_buttons/delete_button.js
@@ -42,11 +42,11 @@ let DeleteButton = React.createClass({
 
         if (availableAcls.indexOf('delete') > -1) {
             content = <EditionDeleteForm editions={ this.props.editions }/>;
-            btnDelete = <Button bsStyle="danger" bsSize="small">DELETE</Button>;
+            btnDelete = <Button bsStyle="danger" className="btn-delete" bsSize="small">DELETE</Button>;
         }
         else if (availableAcls.indexOf('del_from_collection') > -1){
             content = <EditionRemoveFromCollectionForm editions={ this.props.editions }/>;
-            btnDelete = <Button bsStyle="danger" bsSize="small">REMOVE FROM COLLECTION</Button>;
+            btnDelete = <Button bsStyle="danger" className="btn-delete" bsSize="small">REMOVE FROM COLLECTION</Button>;
         }
         else{
             return null;
diff --git a/sass/main.scss b/sass/main.scss
index 93b7155e..c0d15861 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -100,6 +100,10 @@ body {
 .btn-delete{
     background-color: rgba(0,0,0,0);
     color: #888;
+    border: 1px solid rgba(0,0,0,0);
+    &:hover{
+        border: 1px solid $ascribe-brand-danger;
+    }
 }
 .btn-ascribe, .btn-ascribe-inv {
     border: 1px solid #444;