diff --git a/MP.Stats/MP.Stats.csproj b/MP.Stats/MP.Stats.csproj
index 794cdd30..51f424aa 100644
--- a/MP.Stats/MP.Stats.csproj
+++ b/MP.Stats/MP.Stats.csproj
@@ -29,6 +29,13 @@
         <None Include="compilerconfig.json" />
     </ItemGroup>
 
+    <ItemGroup>
+      <PackageReference Include="Blazorise" Version="0.9.3.6" />
+      <PackageReference Include="Blazorise.Bootstrap" Version="0.9.3.6" />
+      <PackageReference Include="Blazorise.Charts" Version="0.9.3.6" />
+      <PackageReference Include="Blazorise.Icons.FontAwesome" Version="0.9.3.6" />
+    </ItemGroup>
+
     <ItemGroup>
         <None Update="logs\.placeholder">
             <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
diff --git a/MP.Stats/Pages/_Host.cshtml b/MP.Stats/Pages/_Host.cshtml
index 65bfed2c..c7466b07 100644
--- a/MP.Stats/Pages/_Host.cshtml
+++ b/MP.Stats/Pages/_Host.cshtml
@@ -14,7 +14,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>MP.STATS</title>
     <base href="~/" />
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
+    @*<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />*@
+
+    <!-- inside of head section -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
+
+    <link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
+    <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
+
     <link href="css/site.css" rel="stylesheet" />
     <link href="MP.Stats.styles.css" rel="stylesheet" />
 </head>
@@ -32,6 +40,16 @@
         <a class="dismiss">🗙</a>
     </div>
 
+    <!-- inside of body section and after the div/app tag  -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
+
+    <script src="_content/Blazorise/blazorise.js"></script>
+    <script src="_content/Blazorise.Bootstrap/blazorise.bootstrap.js"></script>
+    <script src="_content/Blazorise.Charts/blazorise.charts.js"></script>
+
     <script src="_framework/blazor.server.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/MP.Stats/Startup.cs b/MP.Stats/Startup.cs
index 5604ce52..57542753 100644
--- a/MP.Stats/Startup.cs
+++ b/MP.Stats/Startup.cs
@@ -10,9 +10,11 @@ using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Threading.Tasks;
-
 using Microsoft.AspNetCore.Localization;
 using System.Globalization;
+using Blazorise;
+using Blazorise.Bootstrap;
+using Blazorise.Icons.FontAwesome;
 
 namespace MP.Stats
 {
@@ -76,6 +78,13 @@ namespace MP.Stats
         // For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
         public void ConfigureServices(IServiceCollection services)
         {
+            services.AddBlazorise(options =>
+                 {
+                     options.ChangeTextOnKeyPress = true; // optional
+                 })
+                 .AddBootstrapProviders()
+                 .AddFontAwesomeIcons();
+
             services.AddLocalization();
 
             services.AddRazorPages();
diff --git a/MP.Stats/_Imports.razor b/MP.Stats/_Imports.razor
index b335524c..1dc55d9a 100644
--- a/MP.Stats/_Imports.razor
+++ b/MP.Stats/_Imports.razor
@@ -8,3 +8,5 @@
 @using Microsoft.JSInterop
 @using MP.Stats
 @using MP.Stats.Shared
+@using Blazorise
+@using Blazorise.Charts
\ No newline at end of file