diff --git a/src/components/delete-button/delete-button.css b/src/components/delete-button/delete-button.css
index be093ac5c5a4f22dce9a4e100eee86c3ba0c38af..3224e23b9dec61f3641b25fc539a690495f751c0 100644
--- a/src/components/delete-button/delete-button.css
+++ b/src/components/delete-button/delete-button.css
@@ -17,11 +17,6 @@
 
 }
 
-/* .delete-button.large:hover {
-    transform: scale(1.1, 1.1);
-    box-shadow: 0 0 0 4px $ui-black-transparent;
-} */
-
 .delete-button-visible {
   display: flex;
   align-items: center;
diff --git a/src/components/delete-button/delete-button.jsx b/src/components/delete-button/delete-button.jsx
index 9e6370160afefc4bf577e63747c046a12b2fbac4..6e84fb983f3bffe4813e9fc9eb6a91105217ea3c 100644
--- a/src/components/delete-button/delete-button.jsx
+++ b/src/components/delete-button/delete-button.jsx
@@ -13,7 +13,7 @@ const DeleteButton = props => (
             props.className
         )}
         role="button"
-        tabIndex="0"
+        tabIndex={props.tabIndex}
         onClick={props.onClick}
     >
         <div className={styles.deleteButtonVisible}>
@@ -28,7 +28,12 @@ const DeleteButton = props => (
 
 DeleteButton.propTypes = {
     className: PropTypes.string,
-    onClick: PropTypes.func.isRequired
+    onClick: PropTypes.func.isRequired,
+    tabIndex: PropTypes.number
+};
+
+DeleteButton.defaultProps = {
+    tabIndex: 0
 };
 
 export default DeleteButton;
diff --git a/test/unit/components/__snapshots__/sprite-selector-item.test.jsx.snap b/test/unit/components/__snapshots__/sprite-selector-item.test.jsx.snap
index 34c970f1e7d5af588d57a2f3667efe2089da50ba..f7f19434a6109bf1772637da5b6e80ccc1a04143 100644
--- a/test/unit/components/__snapshots__/sprite-selector-item.test.jsx.snap
+++ b/test/unit/components/__snapshots__/sprite-selector-item.test.jsx.snap
@@ -50,7 +50,7 @@ exports[`SpriteSelectorItemComponent matches snapshot when given a number and de
     className=""
     onClick={[Function]}
     role="button"
-    tabIndex="0"
+    tabIndex={0}
   >
     <div
       className={undefined}
@@ -134,7 +134,7 @@ exports[`SpriteSelectorItemComponent matches snapshot when selected 1`] = `
     className=""
     onClick={[Function]}
     role="button"
-    tabIndex="0"
+    tabIndex={0}
   >
     <div
       className={undefined}