diff --git a/MP.SPEC/Components/ParamsFilter.razor b/MP.SPEC/Components/ParamsFilter.razor
index 4b22c30d..980da8d0 100644
--- a/MP.SPEC/Components/ParamsFilter.razor
+++ b/MP.SPEC/Components/ParamsFilter.razor
@@ -40,7 +40,7 @@
 
     </div>
     <a class="pt-2" data-bs-toggle="offcanvas" data-bs-target="#paramsFilterExample" aria-controls="paramsFilterExample">
-        <i class="fa-solid fa-bars"></i>
+        <i class="fa-solid fa-bars text-dark"></i>
     </a>
     <div class="offcanvas offcanvas-end" tabindex="-1" id="paramsFilterExample" aria-labelledby="paramsFilterExampleLabel">
         <div class="offcanvas-header">
@@ -48,12 +48,12 @@
             <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
         </div>
         <div class="offcanvas-body">
-            <div>
-                Seleziona i filtri per:
+            <div class="small">
+                <label class="px-2" for="macchina" title="Selezionare impianto">Impianto</label>
             </div>
             <div class="px-2 input-group">
-                <label class="input-group-text" for="macchina" title="Selezionare la macchina"><i class="fa-solid fa-hard-drive"></i></label>
-                <select @bind="@selMacchina" class="form-select" id="macchina" title="Selezionare la macchina">
+                <label class="input-group-text" for="macchina" title="Selezionare impianto"><i class="fa-solid fa-hard-drive"></i></label>
+                <select @bind="@selMacchina" class="form-select" id="macchina" title="Selezionare impianto">
                     <option value="*">--- Tutti ---</option>
                     @if (ListMacchine != null)
                     {
@@ -64,9 +64,12 @@
                     }
                 </select>
             </div>
-            <div class="p-2 input-group">
-                <label class="input-group-text" for="flusso" title="Selezionare il tipo di flusso"><i class="fa-solid fa-sliders"></i></label>
-                <select @bind="@selFlux" class="form-select" id="flusso" title="Selezionare il tipo di flusso">
+            <div class="small mt-2">
+                <label class="px-2" for="flusso" title="Selezionare il parametro">Parametro</label>
+            </div>
+            <div class="px-2 input-group">
+                <label class="input-group-text" for="flusso" title="Selezionare il parametro"><i class="fa-solid fa-sliders"></i></label>
+                <select @bind="@selFlux" class="form-select" id="flusso" title="Selezionare il parametro">
                     <option value="*">--- Tutti ---</option>
                     @if (ListFlux != null)
                     {
@@ -77,17 +80,26 @@
                     }
                 </select>
             </div>
-            <div class="p-2 input-group">
-                <label class="input-group-text" for="flusso" title="Selezionare la data minima eventi da visualizzare"><i class="fa-regular fa-calendar-minus"></i></label>
-                <input class="form-control" @bind="@selDtMin" type="datetime-local" title="Data minima eventi da visualizzare">
+            <div class="small mt-2">
+                <label class="px-2" for="dtMin" title="Selezionare inizio periodo">Inizio Periodo</label>
             </div>
-            <div class="p-2 input-group">
-                <label class="input-group-text" for="flusso" title="Selezionare la data massima eventi da visualizzare"><i class="fa-regular fa-calendar-plus"></i></label>
-                <input class="form-control" @bind="@selDtMax" type="datetime-local" title="Selezionare la data massima eventi da visualizzare">
+            <div class="px-2 input-group">
+                <label class="input-group-text" for="dtMin" title="Selezionare inizio periodo"><i class="fa-regular fa-calendar-minus"></i></label>
+                <input class="form-control" @bind="@selDtMin" id="dtMin" type="datetime-local" title="Data minima eventi da visualizzare">
             </div>
-            <div class="p-2 input-group">
-                <label class="input-group-text" for="tempoAgg" title="Selezionare il tempo di aggiornamento dei dati"><i class="fa-solid fa-clock"></i></label>
-                <select @bind="@selTempoAgg" class="form-select" id="tempoAgg" title="Selezionare il tempo di aggiornamento dei dati" style="width: 3em;">
+            <div class="small mt-2">
+                <label class="px-2" for="dtMax" title="Selezionare fine periodo">Fine Periodo</label>
+            </div>
+            <div class="px-2 input-group">
+                <label class="input-group-text" for="dtMax" title="Selezionare fine periodo"><i class="fa-regular fa-calendar-plus"></i></label>
+                <input class="form-control" @bind="@selDtMax" id="dtMax" type="datetime-local" title="Selezionare fine periodo">
+            </div>
+            <div class="small mt-2">
+                <label class="px-2" for="tempoAgg" title="Selezionare refresh rate (sec) periodo">Refresh rate (sec)</label>
+            </div>
+            <div class="px-2 input-group">
+                <label class="input-group-text" for="tempoAgg" title="Selezionare refresh rate (sec)"><i class="fa-solid fa-clock"></i></label>
+                <select @bind="@selTempoAgg" class="form-select" id="tempoAgg" title="Selezionare refresh rate (sec)" style="width: 3em;">
                     <option value="2">2</option>
                     <option value="5">5</option>
                     <option value="10">10</option>
@@ -95,9 +107,12 @@
                     <option value="60">60</option>
                 </select>
             </div>
-            <div class="p-2 input-group">
-                <label class="input-group-text" for="maxRecord" title="Selezionare il numero massimo di record da visualizzare"><i class="fa-solid fa-list-ol"></i></label>
-                <select @bind="@selMaxRecord" class="form-select" id="maxRecord" title="Selezionare il numero massimo di record da visualizzare">
+            <div class="small mt-2">
+                <label class="px-2" for="maxRecord" title="Numero massimo record da mostrare">Max Record</label>
+            </div>
+            <div class="px-2 input-group">
+                <label class="input-group-text" for="maxRecord" title="Numero massimo record da mostrare"><i class="fa-solid fa-list-ol"></i></label>
+                <select @bind="@selMaxRecord" class="form-select" id="maxRecord" title="Numero massimo record da mostrare">
                     <option value="50">50</option>
                     <option value="100">100</option>
                     <option value="250">250</option>