diff --git a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.css b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.css
index 4e5f67f..1272a49 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.css
+++ b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.css
@@ -312,11 +312,9 @@ body {
opacity 0.5s ease-out,
transform 0.5s ease-out;
transition-delay: 0.5s;
- pointer-events: none; /* Prevent clicks when invisible */
}
.animation-fade.visible {
opacity: 1;
transform: translateY(0);
- pointer-events: auto; /* Enable clicks when visible */
}
diff --git a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html
index cc234ac..0da3ed8 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html
+++ b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html
@@ -31,15 +31,9 @@
@@ -91,24 +85,12 @@
class="flex justify-center gap-4 mt-8 animation-fade"
[class.visible]="animationCompleted"
>
-