diff --git a/static/script.js b/static/script.js
index b92e4a12..a646377d 100644
--- a/static/script.js
+++ b/static/script.js
@@ -1717,8 +1717,8 @@ function showInventoryWindow(name) {
   const burdenLabel = document.createElement('div');
   burdenLabel.className = 'inv-burden-label';
   burdenLabel.textContent = 'Burden';
-  burdenContainer.appendChild(burdenLabel);
   burdenContainer.appendChild(burdenFill);
+  sidebar.appendChild(burdenLabel);
   sidebar.appendChild(burdenContainer);
 
   const packList = document.createElement('div');
diff --git a/static/style.css b/static/style.css
index 80d12f17..4db5e31c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -858,14 +858,17 @@ body.noselect, body.noselect * {
 }
 
 .inv-burden-label {
-  position: absolute;
-  top: -18px;
+  position: relative;
+  top: 0;
   width: 60px;
-  left: -22px;
+  left: 50%;
+  transform: translateX(-50%);
   text-align: center;
   font-size: 11px;
   color: var(--ac-gold);
   z-index: 2;
+  margin-top: 4px;
+  margin-bottom: 4px;
 }
 
 .inv-pack-list {
@@ -2419,15 +2422,18 @@ table.ts-allegiance td:first-child {
 }
 
 .inv-burden-label {
-  position: absolute !important;
-  top: -20px !important;
+  position: relative !important;
+  top: 0 !important;
   width: 60px !important;
-  left: -22px !important;
+  left: 50% !important;
+  transform: translateX(-50%) !important;
   text-align: center !important;
   font-size: 9px !important;
   color: #fff !important;
   font-weight: normal !important;
   line-height: 1.1 !important;
+  margin-top: 0 !important;
+  margin-bottom: 4px !important;
 }
 
 .inventory-count {