diff --git a/MP.Stats/Components/ChartHist.razor b/MP.Stats/Components/ChartJsHist.razor
similarity index 100%
rename from MP.Stats/Components/ChartHist.razor
rename to MP.Stats/Components/ChartJsHist.razor
diff --git a/MP.Stats/Components/ChartTSer.razor b/MP.Stats/Components/ChartJsStepLine.razor
similarity index 100%
rename from MP.Stats/Components/ChartTSer.razor
rename to MP.Stats/Components/ChartJsStepLine.razor
diff --git a/MP.Stats/Pages/Test.razor b/MP.Stats/Pages/Test.razor
index 3ce78ae1..f2fbb822 100644
--- a/MP.Stats/Pages/Test.razor
+++ b/MP.Stats/Pages/Test.razor
@@ -44,10 +44,10 @@
         <BarChart @ref="barChart" TItem="double" OptionsObject="horizontalLineChartOptions" />
         </div>*@
     <div class="col-6">
-        <ChartHist Id="TestBar" Data="@histData" Labels="@histLabel" lineColor="rgb(7, 173, 236)" backColor="rgba(107, 223, 255, 0.5)"></ChartHist>
+        <ChartJsHist Id="TestBar" Data="@histData" Labels="@histLabel" lineColor="rgb(7, 173, 236)" backColor="rgba(107, 223, 255, 0.5)"></ChartJsHist>
     </div>
     <div class="col-6">
-        <ChartTSer Id="TestTS" DataTS="@dataList" lineColor="rgb(7, 173, 236)" backColor="rgba(107, 223, 255, 0.3)"></ChartTSer>
+        <ChartJsStepLine Id="TestTS" DataTS="@dataList" lineColor="rgb(7, 173, 236)" backColor="rgba(107, 223, 255, 0.3)"></ChartJsStepLine>
     </div>
 </div>