diff --git a/css/pop.css b/css/pop.css
index 147d64a..24ca004 100644
--- a/css/pop.css
+++ b/css/pop.css
@@ -93,9 +93,9 @@ tr.matrix td:not(.mino) {
 }
 
 .disabled.mino {
-    opacity: 50%;
     outline: 0px;
     box-shadow: none;
+    filter: contrast(40%) brightness(50%);
 }
 
 tr.cleared-line-animation {
diff --git a/js/app.js b/js/app.js
index 7a50998..7369721 100644
--- a/js/app.js
+++ b/js/app.js
@@ -134,10 +134,10 @@ let playerActions = {
             scheduler.clearTimeout(lockDown)
 
             let piece = matrix.piece
-            generate(holdQueue.piece)
-            matrix.piece.holdEnabled = false
             piece.facing = FACING.NORTH
             piece.locked = false
+            generate(holdQueue.piece)
+            matrix.piece.holdEnabled = false
             holdQueue.piece = piece
         }
     },