diff --git a/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.html b/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.html
index 3522f96..663c0db 100644
--- a/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.html
+++ b/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.html
@@ -8,7 +8,7 @@
     <button (click)="loadData('npk2')" [ngClass]="{'active-button': selectedButton === 'npk2'}">NPK 2</button>
   </div>
 
-  <div class="graph loading">
+  <div class="graph">
     <div class="title-graph" *ngIf="selectedButton === 'npk1'">Actual Graph Sensor NPK 1</div>
     <div class="title-graph" *ngIf="selectedButton === 'npk2'">Actual Graph Sensor NPK 2</div>
     <div class="graph-content">
diff --git a/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.scss b/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.scss
index 53014d0..11cec80 100644
--- a/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.scss
+++ b/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.scss
@@ -29,6 +29,7 @@
     align-items: center;
     text-align: center;
     margin-top: 20px;
+    overflow-x: auto;
 }
 
 .table th, 
@@ -69,6 +70,10 @@
         margin: auto;
         font-size: 15px;
     }
+
+    .table{
+        font-size: 10px;
+    }
 }
 
 @media (max-width: 344px) {
@@ -82,6 +87,10 @@
         font-size: 15px;
         margin: auto;
     }
+    
+    .table{
+        font-size: 10px;
+    }
 }
 
 button {