diff --git a/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.html b/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.html
index 56ed836..0efc667 100644
--- a/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.html
+++ b/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.html
@@ -164,11 +164,21 @@
                                     Recovery
                                 </button>
                             </div>
+                            <button nbButton hero class="action-btn special-action-btn" status="info" fullWidth
+                                (click)="openDoor()" *ngIf="showMoveAction">
+                                <nb-icon icon="grid-outline" class="mr-1"></nb-icon>
+                                Open Door
+                            </button>
                             <button nbButton hero fullWidth status="info" class="start-activation-btn"
                                 *ngIf="allowStartAction" (click)="startActivation()">
                                 <nb-icon icon="play-circle-outline" class="mr-2"></nb-icon>
                                 Start Activation
                             </button>
+                            <button nbButton hero fullWidth status="warning" class="end-activation-btn"
+                                *ngIf="hero.uiActivating" (click)="endActivation()">
+                                <nb-icon icon="stop-circle-outline" class="mr-2"></nb-icon>
+                                End Activation
+                            </button>
                         </div>
                     </div>
                     <div class="tp-box__side tp-box__back">
@@ -273,31 +283,6 @@
 
                     </div>
                     <div *ngIf="md2Service.info.isBossFight"></div>
-                    <!-- <div class="d-sm-none">
-                        <div *ngIf="hero.uiActivating&&hero.remainActions>0">
-                            <button nbButton hero class="mr-2" status="info" (click)="moveAction()"
-                                *ngIf="!showMoveAction">Move</button>
-                            <button nbButton hero class="mr-2" status="info" (click)="moveActionEnd()"
-                                *ngIf="showMoveAction">Move End</button>
-                            <button nbButton hero class="mr-2" status="danger"
-                                (click)="action('attackAction')">Attack!</button>
-                            <button nbButton hero class="mr-2" status="info" (click)="action('tradeAction')"
-                                *ngIf="!showMoveAction">Trade</button>
-                            <button nbButton hero status="success" (click)="action('recoveryAction')"
-                                *ngIf="!showMoveAction">Recovery</button>
-                        </div>
-
-
-                        <button nbButton hero fullWidth status="info" *ngIf="allowStartAction"
-                            (click)="startActivation()">Start Activation</button>
-                    </div> -->
-
-
-                    <button nbButton hero status="info" class="mt-2" (click)="openDoor()" *ngIf="showMoveAction">Open
-                        Door</button>
-                    <button nbButton hero fullWidth status="warning" class="mt-3" *ngIf="hero.uiActivating"
-                        (click)="endActivation()">End
-                        Activation</button>
 
                 </nb-card-body>
             </nb-card>
diff --git a/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss b/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss
index 0c3d68f..17cc1de 100644
--- a/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss
+++ b/src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss
@@ -723,6 +723,28 @@
     }
 }
 
+.special-action-btn {
+    margin-bottom: 0.5rem;
+    border-radius: 8px;
+    font-weight: 600;
+    min-height: 40px;
+    font-size: 0.875rem;
+    transition: all 0.3s;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+    &:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+    }
+
+    @media (max-height: 450px) and (orientation: landscape) {
+        margin-bottom: 0.35rem;
+        min-height: 32px;
+        font-size: 0.75rem;
+        padding: 0.35rem 0.5rem;
+    }
+}
+
 .start-activation-btn {
     border-radius: 8px;
     font-weight: 600;
@@ -744,6 +766,31 @@
     }
 }
 
+.end-activation-btn {
+    border-radius: 8px;
+    font-weight: 600;
+    padding: 0.75rem;
+    min-height: 44px;
+    font-size: 0.95rem;
+    transition: all 0.3s;
+    box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3);
+    margin-top: 0.5rem;
+    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
+    border: none;
+
+    &:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 4px 12px rgba(255, 193, 7, 0.4);
+    }
+
+    @media (max-height: 450px) and (orientation: landscape) {
+        padding: 0.5rem;
+        min-height: 36px;
+        font-size: 0.85rem;
+        margin-top: 0.35rem;
+    }
+}
+
 .tp-box__front {
     -webkit-transform: rotateY(0deg);
     -ms-transform: rotateY(0deg);