diff --git a/WebUI/Components/Pages/Plugins/Local.razor b/WebUI/Components/Pages/Plugins/Local.razor
index 4175073..5a10fe4 100644
--- a/WebUI/Components/Pages/Plugins/Local.razor
+++ b/WebUI/Components/Pages/Plugins/Local.razor
@@ -13,7 +13,7 @@
 @inject NavigationManager Navigation
 
 <h3>Installed Plugins</h3>
-<table class="table">
+<table class="table table-responsive text-center align-middle">
     <thead>
     <tr>
         <th>Name</th>
diff --git a/WebUI/Components/Pages/Plugins/Online.razor b/WebUI/Components/Pages/Plugins/Online.razor
index 28a2af3..777485c 100644
--- a/WebUI/Components/Pages/Plugins/Online.razor
+++ b/WebUI/Components/Pages/Plugins/Online.razor
@@ -13,7 +13,7 @@
 <h3>Available Plugins</h3>
 @if (_onlinePlugins.Any())
 {
-    <table class="table table-bordered">
+    <table class="table table-responsive text-center align-middle">
         <thead>
         <tr>
             <th>Name</th>
@@ -32,7 +32,9 @@
                 <td>@plugin.Author</td>
                 <td>@plugin.Version</td>
                 <td>
-                    <button type="button" class="btn" @onclick="async () => await InstallPlugin(plugin.Id)">Download</button>
+                    <button class="btn btn-outline-dark" @onclick="async () => await InstallPlugin(plugin.Id)">
+                        <span>Download</span>
+                    </button>
                 </td>
             </tr>
         }