diff --git a/packages/client/src/components/TreasureChest/styles.scss b/packages/client/src/components/TreasureChest/styles.scss
index 1729f606..4b98b56c 100644
--- a/packages/client/src/components/TreasureChest/styles.scss
+++ b/packages/client/src/components/TreasureChest/styles.scss
@@ -24,7 +24,7 @@
         &.opening {
             visibility: visible;
             .progress {
-                width: 100%;
+                width: 90%;
             }
         }
     }
diff --git a/packages/client/src/pages/game/index.tsx b/packages/client/src/pages/game/index.tsx
index 3b380dd0..e8c788d4 100644
--- a/packages/client/src/pages/game/index.tsx
+++ b/packages/client/src/pages/game/index.tsx
@@ -304,6 +304,7 @@ const Game = () => {
         clearInterval(interval)
         let boxData = await revealBox(id)
         boxData.id = id
+        boxs[boxIndex].opening = false;
         getCollectionsFun(boxData);
       }
     }, 1000)