diff --git a/payload/user/remote_access/pager-webui/www/css/app.css b/payload/user/remote_access/pager-webui/www/css/app.css
index 476f712..50acfb8 100644
--- a/payload/user/remote_access/pager-webui/www/css/app.css
+++ b/payload/user/remote_access/pager-webui/www/css/app.css
@@ -325,6 +325,7 @@ html.dark .muted { color: #bdbdbd; }
 }
 .recon-chart-box { position: relative; flex: 1; min-height: 0; margin-top: auto; }
 .recon-chart-box canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
+#recon-encryption { position: static; display: block; width: 112px; height: 112px; margin: 0 auto; }
 .recon-no-data { font-style: italic; color: #787878; display: flex; justify-content: center; align-items: center; padding: 8px; text-align: center; }
 .recon-enc-legend { display: flex; flex-wrap: wrap; gap: 2px 10px; margin-top: 4px; align-items: baseline; }
 .recon-enc-entry { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: var(--text); }
diff --git a/payload/user/remote_access/pager-webui/www/js/views.js b/payload/user/remote_access/pager-webui/www/js/views.js
index 692e740..673f216 100644
--- a/payload/user/remote_access/pager-webui/www/js/views.js
+++ b/payload/user/remote_access/pager-webui/www/js/views.js
@@ -2310,7 +2310,7 @@ views.recon = (root) => {
     if (enc && typeof MiniChart !== 'undefined' && MiniChart.doughnut) {
       try {
         if (aps.length) {
-          MiniChart.doughnut(enc, encSegs, { legend: false, height: 120 });
+          MiniChart.doughnut(enc, encSegs, { legend: false, height: 112 });
           enc.classList.remove('hidden');
           encEmpty.classList.add('hidden');
         } else {