update

ts_web/elements/upl-statuspage-footer.ts

@@ -298,10 +298,16 @@ export class UplStatuspageFooter extends DeesElement {
         border-color: ${colors.border.muted};
       }
       
+      .subscribe-wrapper {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: ${unsafeCSS(spacing.xs)};
+      }
+      
       .subscriber-count {
         font-size: 12px;
-        color: ${colors.text.muted};
-        margin-top: ${unsafeCSS(spacing.xs)};
+        color: ${cssManager.bdTheme('#6b7280', '#a1a1aa')};
       }
       
       .error-message {
@@ -468,12 +474,14 @@ export class UplStatuspageFooter extends DeesElement {
             
             <div class="footer-actions">
               ${this.enableSubscribe ? html`
-                <button class="action-button" @click=${this.handleSubscribeClick}>
-                  Subscribe to Updates
+                <div class="subscribe-wrapper">
+                  <button class="action-button" @click=${this.handleSubscribeClick}>
+                    Subscribe to Updates
+                  </button>
                   ${this.subscriberCount > 0 ? html`
                     <div class="subscriber-count">${this.subscriberCount.toLocaleString()} subscribers</div>
                   ` : ''}
-                </button>
+                </div>
               ` : ''}
               
               ${this.enableReportIssue ? html`