diff --git a/public/userarea/sales_orders_stats.php b/public/userarea/sales_orders_stats.php
index d13a2522..3ca72e46 100644
--- a/public/userarea/sales_orders_stats.php
+++ b/public/userarea/sales_orders_stats.php
@@ -727,7 +727,7 @@ if ($action === 'order') {
 </head>
 
 <body>
-    <div class="wrapper" id="appWrapper">
+    <div class="wrapper toggled" id="appWrapper">
         <?php include('include/navbar.php'); ?>
         <?php include('include/topbar.php'); ?>
 
@@ -1021,6 +1021,19 @@ if ($action === 'order') {
     </div>
 
     <?php include('jsinclude.php'); ?>
+    <script>
+        // Navbar collassata all'apertura: si espande al passaggio del mouse (come dopo il click sulla freccia)
+        $(function() {
+            $('.sidebar-wrapper').hover(
+                function() {
+                    $('.wrapper.toggled').addClass('sidebar-hovered');
+                },
+                function() {
+                    $('.wrapper').removeClass('sidebar-hovered');
+                }
+            );
+        });
+    </script>
     <script>
         (function() {
             const STATUS_LABEL = {
diff --git a/public/userarea/sales_orders_years.php b/public/userarea/sales_orders_years.php
index b789e730..6d91f07b 100644
--- a/public/userarea/sales_orders_years.php
+++ b/public/userarea/sales_orders_years.php
@@ -557,7 +557,7 @@ if ($action === 'data') {
 </head>
 
 <body>
-    <div class="wrapper" id="appWrapper">
+    <div class="wrapper toggled" id="appWrapper">
         <?php include('include/navbar.php'); ?>
         <?php include('include/topbar.php'); ?>
 
@@ -686,6 +686,19 @@ if ($action === 'data') {
     </div>
 
     <?php include('jsinclude.php'); ?>
+    <script>
+        // Navbar collassata all'apertura: si espande al passaggio del mouse (come dopo il click sulla freccia)
+        $(function() {
+            $('.sidebar-wrapper').hover(
+                function() {
+                    $('.wrapper.toggled').addClass('sidebar-hovered');
+                },
+                function() {
+                    $('.wrapper').removeClass('sidebar-hovered');
+                }
+            );
+        });
+    </script>
     <script>
         (function() {
             const MONTHS = ['gen', 'feb', 'mar', 'apr', 'mag', 'giu', 'lug', 'ago', 'set', 'ott', 'nov', 'dic'];