diff --git a/static/script.js b/static/script.js
index 1116012d..7fed4b6d 100644
--- a/static/script.js
+++ b/static/script.js
@@ -1714,10 +1714,12 @@ function showInventoryWindow(name) {
   packList.className = 'inv-pack-list';
   sidebar.appendChild(packList);
 
+  const leftColumn = document.createElement('div');
+  leftColumn.className = 'inv-left-column';
+
   topSection.appendChild(equipGrid);
   topSection.appendChild(sidebar);
-  topSection.appendChild(manaPanel);
-  
+
   const bottomSection = document.createElement('div');
   bottomSection.className = 'inv-bottom-section';
 
@@ -1735,8 +1737,11 @@ function showInventoryWindow(name) {
   itemSection.appendChild(itemGrid);
   bottomSection.appendChild(itemSection);
 
-  invContent.appendChild(topSection);
-  invContent.appendChild(bottomSection);
+  leftColumn.appendChild(topSection);
+  leftColumn.appendChild(bottomSection);
+
+  invContent.appendChild(leftColumn);
+  invContent.appendChild(manaPanel);
 
   const resizeGrip = document.createElement('div');
   resizeGrip.className = 'inv-resize-grip';
diff --git a/static/style.css b/static/style.css
index 2e352141..ebcfeded 100644
--- a/static/style.css
+++ b/static/style.css
@@ -713,11 +713,20 @@ body.noselect, body.noselect * {
 .inventory-content {
   flex: 1;
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   background: none;
   color: var(--ac-text);
   overflow: hidden;
   padding: 8px;
+  gap: 14px;
+}
+
+.inv-left-column {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
 }
 
 .inventory-placeholder {
@@ -761,8 +770,8 @@ body.noselect, body.noselect * {
 .inv-top-section {
   display: flex;
   justify-content: flex-start;
-  min-height: 464px;
   gap: 14px;
+  flex-shrink: 0;
 }
 
 .inv-equipment-grid {
@@ -912,8 +921,7 @@ body.noselect, body.noselect * {
   flex: 1;
   display: flex;
   flex-direction: column;
-  margin-top: 8px;
-  margin-right: 0;
+  margin-top: 4px;
   overflow: hidden;
   min-height: 0;
 }
@@ -958,8 +966,6 @@ body.noselect, body.noselect * {
   border: 1px solid var(--ac-border-light);
   padding: 3px;
   min-height: 0;
-  min-height: 460px;
-  height: 460px;
   flex-shrink: 0;
   overflow: hidden;
 }
@@ -2422,19 +2428,16 @@ table.ts-allegiance td:first-child {
 
 .inv-top-section {
   justify-content: flex-start !important;
-  gap: 14px !important;
+  gap: 6px !important;
 }
 
 .inv-bottom-section {
   flex-direction: column !important;
-  margin-right: 0 !important;
 }
 
 .inv-mana-panel {
   width: 162px !important;
   min-width: 162px !important;
-  min-height: 460px !important;
-  height: 460px !important;
   background: #111014 !important;
   border: 1px solid #5a4a24 !important;
   overflow: hidden !important;