diff --git a/app/templates/modules/labels/print_module.html b/app/templates/modules/labels/print_module.html
index 00e53c7..dd1ae4d 100644
--- a/app/templates/modules/labels/print_module.html
+++ b/app/templates/modules/labels/print_module.html
@@ -147,7 +147,7 @@
             <!-- Label Preview Section -->
             <div id="label-preview" style="padding: 10px; position: relative; background: #fafafa; width: 301px; height: 434.7px; margin: 0 auto;">
             <!-- Label content rectangle -->
-            <div id="label-content" style="position: absolute; top: 65.7px; left: 11.34px; width: 227.4px; height: 321.3px; background: white;">
+            <div id="label-content" style="position: absolute; top: 65.7px; left: 11.34px; width: 227.4px; height: 321.3px; background: white; z-index: 10;">
                 <!-- Top row content: Company name (removed) -->
                 <div style="position: absolute; top: 0; left: 0; right: 0; height: 32.13px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px; color: #000; z-index: 10;">
                     
@@ -229,9 +229,9 @@
             </div>
             
             <!-- Barcode Frame - positioned 10px below rectangle, centered, constrained to label width -->
-            <div id="barcode-frame" style="position: absolute; bottom: 10px; left: 11.34px; width: 227.4px; z-index: 5; text-align: center;">
+            <div id="barcode-frame" style="position: absolute; bottom: 10px; left: 11.34px; width: 227.4px; height: 60px; z-index: 15; text-align: center;">
                 <!-- Code 128 Barcode representation -->
-                <svg id="barcode-display" style="display: block; margin: 0 auto; height: 50px;"></svg>
+                <svg id="barcode-display" style="display: block; margin: 0 auto; height: 50px; width: 100%;"></svg>
                 
                 <!-- Barcode text below the bars (hidden in preview) -->
                 <div id="barcode-text" style="font-size: 8px; font-family: 'Courier New', monospace; margin-top: 2px; text-align: center; font-weight: bold; display: none;">
@@ -240,9 +240,9 @@
             </div>
             
             <!-- Vertical Barcode Frame - positioned on the right side, rotated 90 degrees, spans the height of main rectangle -->
-            <div id="vertical-barcode-frame" style="position: absolute; right: 0; top: 65.7px; width: 32px; height: 321.3px; z-index: 5; display: flex; align-items: center; justify-content: center;">
+            <div id="vertical-barcode-frame" style="position: absolute; right: 0; top: 65.7px; width: 40px; height: 321.3px; z-index: 15; display: flex; align-items: center; justify-content: center;">
                 <!-- Vertical Code 128 Barcode representation -->
-                <svg id="vertical-barcode-display" style="width: 100%; height: auto; transform: rotate(-90deg); transform-origin: center;"></svg>
+                <svg id="vertical-barcode-display" style="width: auto; height: 100%; transform: rotate(-90deg); transform-origin: center;"></svg>
                 
                 <!-- Vertical barcode text (hidden in preview) -->
                 <div id="vertical-barcode-text" style="position: absolute; bottom: -15px; font-size: 7px; font-family: 'Courier New', monospace; text-align: center; font-weight: bold; width: 100%; display: none;">