diff --git a/BookStoreApp.Blazor.Server.UI/Pages/Authors/Create.razor b/BookStoreApp.Blazor.Server.UI/Pages/Authors/Create.razor
index cb7d950..efe450d 100644
--- a/BookStoreApp.Blazor.Server.UI/Pages/Authors/Create.razor
+++ b/BookStoreApp.Blazor.Server.UI/Pages/Authors/Create.razor
@@ -4,50 +4,62 @@
 @attribute [Authorize(Roles = "Administrator")]
 
 <PageTitle>New Author</PageTitle>
+<BackButton backLink="/authors/"></BackButton>
 
-<div class="container">
-    <div class="row row-cols-auto">
-        <BackButton backLink="/authors/"></BackButton>
+<div class="container mt-4">
+    <div class="row mb-4 text-center">
         <h3>Create New Author</h3>
     </div>
 
-    <div>
-        <EditForm Model="AuthorModel" OnValidSubmit="HandleCreateAuthor">
-            <DataAnnotationsValidator />
-            <ValidationSummary />
+    <EditForm Model="AuthorModel" OnValidSubmit="HandleCreateAuthor" class="needs-validation">
+        <DataAnnotationsValidator />
+        <ValidationSummary class="mb-3" />
 
-            <div class="form-group">
+        <div class="row g-3">
+            <!-- First Name -->
+            <div class="col-md-6">
                 <label class="form-label" for="firstName">First Name</label>
-                <InputText class="form-control" @bind-Value="AuthorModel.FirstName" id="lastName" />
+                <InputText class="form-control" @bind-Value="AuthorModel.FirstName" id="firstName" />
                 <ValidationMessage For="@(() => AuthorModel.FirstName)" />
             </div>
 
-            <div class="form-group">
+            <!-- Last Name -->
+            <div class="col-md-6">
                 <label class="form-label" for="lastName">Last Name</label>
                 <InputText class="form-control" @bind-Value="AuthorModel.LastName" id="lastName" />
                 <ValidationMessage For="@(() => AuthorModel.LastName)" />
             </div>
+        </div>
 
-            <div class="form-group">
+        <div class="row g-3 mt-3">
+            <!-- Alias -->
+            <div class="col-12">
                 <label class="form-label" for="alias">Alias (AKA)</label>
                 <InputText class="form-control" @bind-Value="AuthorModel.Alias" id="alias" />
                 <ValidationMessage For="@(() => AuthorModel.Alias)" />
             </div>
+        </div>
 
-            <div class="form-group">
+        <div class="row g-3 mt-3">
+            <!-- Bio -->
+            <div class="col-12">
                 <label class="form-label" for="bio">Bio</label>
-                <InputTextArea class="form-control" @bind-Value="AuthorModel.Bio" id="bio" />
+                <InputTextArea class="form-control" @bind-Value="AuthorModel.Bio" id="bio" rows="4" />
                 <ValidationMessage For="@(() => AuthorModel.Bio)" />
             </div>
+        </div>
 
-            <button type="submit" class="mt-2 btn btn-primary">
-                <span class="oi oi-pencil" aria-hidden="true"></span> Create
-            </button>
-
-        </EditForm>
-    </div>
+        <div class="row mt-4">
+            <div class="col text-center">
+                <button type="submit" class="btn btn-primary">
+                    <span class="oi oi-pencil me-1" aria-hidden="true"></span> Create
+                </button>
+            </div>
+        </div>
+    </EditForm>
 </div>
 
+
 @code {
     private AuthorCreateDto AuthorModel = new();
 
diff --git a/BookStoreApp.Blazor.Server.UI/Pages/Authors/Index.razor b/BookStoreApp.Blazor.Server.UI/Pages/Authors/Index.razor
index 85181bc..03205f9 100644
--- a/BookStoreApp.Blazor.Server.UI/Pages/Authors/Index.razor
+++ b/BookStoreApp.Blazor.Server.UI/Pages/Authors/Index.razor
@@ -45,8 +45,8 @@ else
                 <thead class="table-dark">
                     <tr>
                         <th scope="col">First Name</th>
-                        <th scope="col">Last Name</th>
-                        <th scope="col">Alias</th>
+                        <th scope="col" class="text-center">Last Name</th>
+                        <th scope="col" class="text-center">Alias</th>
                         <th scope="col"></th>
                     </tr>
                 </thead>
@@ -55,23 +55,27 @@ else
                     {
                         <tr>
                             <td class="align-middle">@author.FirstName</td>
-                            <td class="align-middle">@author.LastName</td>
-                            <td class="align-middle">@author.Alias</td>
+                            <td class="align-middle text-center">@author.LastName</td>
+                            <td class="align-middle text-center">@author.Alias</td>
                             <td class="text-end">
                                 <a class="btn btn-primary m-1" href="/authors/details/@author.Id">
                                     <span class="oi oi-book" aria-hidden="true"></span> Details
                                 </a>
 
                                 <AuthorizeView Roles="Administrator">
-                                    <a class="btn btn-warning m-1" href="/authors/edit/@author.Id">
-                                        <span class="oi oi- oi-pencil" aria-hidden="true"></span> Edit
-                                    </a>
-
-                                    <button class="btn btn-danger m-1" @onclick=@(() => Delete(author.Id)) href="/authors/delete/@author.Id">
-                                        <span class="oi oi-delete" aria-hidden="true"></span> Delete
-                                    </button>
-
-
+                                    <MudMenu Class="pe-1">
+                                        <ActivatorContent>
+                                            <a>
+                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
+                                                    <path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" />
+                                                </svg>
+                                            </a>
+                                        </ActivatorContent>
+                                        <ChildContent>
+                                            <MudMenuItem><a href="authors/edit/@author.Id">Edit</a></MudMenuItem>
+                                            <MudMenuItem OnClick="@(() => Delete(author.Id))" Class="text-danger">Delete</MudMenuItem>
+                                        </ChildContent>
+                                    </MudMenu>
                                 </AuthorizeView>
                             </td>
                         </tr>
diff --git a/BookStoreApp.Blazor.Server.UI/Pages/Authors/Index.razor.css b/BookStoreApp.Blazor.Server.UI/Pages/Authors/Index.razor.css
index 46800d1..4c4d1f1 100644
--- a/BookStoreApp.Blazor.Server.UI/Pages/Authors/Index.razor.css
+++ b/BookStoreApp.Blazor.Server.UI/Pages/Authors/Index.razor.css
@@ -1,2 +1,7 @@
 body {
 }
+
+tr {
+    font-size: 1.2em;
+    font-weight: 500;
+}
diff --git a/BookStoreApp.Blazor.Server.UI/Pages/Books/Create.razor b/BookStoreApp.Blazor.Server.UI/Pages/Books/Create.razor
index ad2898c..1480153 100644
--- a/BookStoreApp.Blazor.Server.UI/Pages/Books/Create.razor
+++ b/BookStoreApp.Blazor.Server.UI/Pages/Books/Create.razor
@@ -2,7 +2,6 @@
 @attribute [Authorize(Roles = "Administrator")]
 
 <PageTitle>New Book</PageTitle>
-
 <BackButton backLink="/books/"></BackButton>
 
 <div class="container mt-4">
diff --git a/BookStoreApp.Blazor.Server.UI/Pages/Books/Index.razor b/BookStoreApp.Blazor.Server.UI/Pages/Books/Index.razor
index c497f73..93ebe8a 100644
--- a/BookStoreApp.Blazor.Server.UI/Pages/Books/Index.razor
+++ b/BookStoreApp.Blazor.Server.UI/Pages/Books/Index.razor
@@ -4,7 +4,6 @@
 
 <PageTitle>Books</PageTitle>
 
-
 @if (!response.Success)
 {
     <div class="alert alert-info">
@@ -41,8 +40,8 @@ else
                 <thead class="table-dark">
                     <tr>
                         <th scope="col">Image</th>
-                        <th scope="col">Title</th>
-                        <th scope="col">Price</th>
+                        <th scope="col" class="text-center">Title</th>
+                        <th scope="col" class="text-center">Price</th>
                         <th scope="col" class="text-center">Author</th>
                         <th scope="col"></th>
                     </tr>
@@ -51,11 +50,16 @@ else
                     @foreach (var book in BooksList)
                     {
                         <tr>
+                            @* Image *@
                             <td><img src="@book.Image" width="120" height="170" alt="@book.Title" /></td>
-                            <td>@book.Title</td>
-                            <td>@book.Price.ToString("C")</td>
-                            <td class="text-center"><a class="btn btn-link" href="/authors/details/@book.AuthorId">@book.AuthorName</a></td>
-                            <td class="text-end">
+                            @* Title *@
+                            <td class="text-center align-middle">@book.Title</td>
+                            @* Price *@
+                            <td class="text-center align-middle">@book.Price.ToString("C")</td>
+                            @* Author *@
+                            <td class="text-center align-middle"><a href="/authors/details/@book.AuthorId">@book.AuthorName</a></td>
+                            @* Actions *@
+                            <td class="text-end align-middle">
                                 <a class="btn btn-primary m-1" href="/books/details/@book.Id">
                                     <span class="oi oi-book" aria-hidden="true"></span> Details
                                 </a>
@@ -83,6 +87,8 @@ else
         </div>
     }
 }
+
+
 @code {
     private List<BookReadOnlyDto> BooksList;
     private Response<List<BookReadOnlyDto>> response = new Response<List<BookReadOnlyDto>> { Success = true };
diff --git a/BookStoreApp.Blazor.Server.UI/Pages/Books/Index.razor.css b/BookStoreApp.Blazor.Server.UI/Pages/Books/Index.razor.css
index 2f210a9..78867c9 100644
--- a/BookStoreApp.Blazor.Server.UI/Pages/Books/Index.razor.css
+++ b/BookStoreApp.Blazor.Server.UI/Pages/Books/Index.razor.css
@@ -20,3 +20,8 @@
     position: absolute;
 }
 
+tr {
+    font-size: 1.2em;
+    font-weight: 500;
+}
+
diff --git a/BookStoreApp.Blazor.Server.UI/Pages/Users/Login.razor b/BookStoreApp.Blazor.Server.UI/Pages/Users/Login.razor
index d3cff27..f132df0 100644
--- a/BookStoreApp.Blazor.Server.UI/Pages/Users/Login.razor
+++ b/BookStoreApp.Blazor.Server.UI/Pages/Users/Login.razor
@@ -24,7 +24,7 @@
 
     <div class="d-flex gap-3 align-items-center">
         <div>
-            <SubmitButton loadingVar="_loading"></SubmitButton>
+            <SubmitButton IsLoading="_loading"></SubmitButton>
         </div>
         <div>
             <a class="btn btn-link" href="/users/register">Sign Up</a>
diff --git a/BookStoreApp.Blazor.Server.UI/Pages/_Layout.cshtml b/BookStoreApp.Blazor.Server.UI/Pages/_Layout.cshtml
index 34864ec..4d19d42 100644
--- a/BookStoreApp.Blazor.Server.UI/Pages/_Layout.cshtml
+++ b/BookStoreApp.Blazor.Server.UI/Pages/_Layout.cshtml
@@ -8,6 +8,14 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <base href="~/" />
+
+    <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
+    <link rel="shortcut icon" href="/favicon/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="ReadReserve" />
+    <link rel="manifest" href="/favicon/site.webmanifest" />
+
     <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
     <link href="css/site.css" rel="stylesheet" />
     <link href="BookStoreApp.Blazor.Server.UI.styles.css" rel="stylesheet" />
diff --git a/BookStoreApp.Blazor.Server.UI/Shared/MainLayout.razor b/BookStoreApp.Blazor.Server.UI/Shared/MainLayout.razor
index a9510f6..c6cbbbd 100644
--- a/BookStoreApp.Blazor.Server.UI/Shared/MainLayout.razor
+++ b/BookStoreApp.Blazor.Server.UI/Shared/MainLayout.razor
@@ -30,7 +30,7 @@
             <Authorized>
 
                 @* Account *@
-                <MudMenu Class="pe-1">
+                <MudMenu Class="pe-1" ActivationEvent="@MouseEvent.MouseOver">
                     <ActivatorContent>
                         <MudAvatar T="string" Size="Size.Medium" Color="Color.Secondary">@context.User.Identity.Name.Substring(0,1).ToUpper()</MudAvatar>
                     </ActivatorContent>
@@ -47,13 +47,13 @@
     </MudAppBar>
 
     @* Side Nav *@
-    <MudDrawer @bind-Open="@_drawerOpen" Elevation="1"> 
+    <MudDrawer @bind-Open="@_drawerOpen" Elevation="1" Variant="DrawerVariant.Persistent"> 
         <NavMenu/>
     </MudDrawer>
     
     @* Main Content *@
     <MudMainContent>
-        <MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="body">
+        <MudContainer MaxWidth="MaxWidth.Large" Class="body">
             @Body
         </MudContainer>
     </MudMainContent>
diff --git a/BookStoreApp.Blazor.Server.UI/wwwroot/favicon.ico b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon.ico
deleted file mode 100644
index 63e859b..0000000
Binary files a/BookStoreApp.Blazor.Server.UI/wwwroot/favicon.ico and /dev/null differ
diff --git a/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/apple-touch-icon.png b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..e38c2f1
Binary files /dev/null and b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/apple-touch-icon.png differ
diff --git a/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/favicon-96x96.png b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/favicon-96x96.png
new file mode 100644
index 0000000..7ecc5b9
Binary files /dev/null and b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/favicon-96x96.png differ
diff --git a/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/favicon.ico b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/favicon.ico
new file mode 100644
index 0000000..883b0d8
Binary files /dev/null and b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/favicon.ico differ
diff --git a/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/favicon.svg b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/favicon.svg
new file mode 100644
index 0000000..a2249d5
--- /dev/null
+++ b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/favicon.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="16" height="16"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_166_3)">
+<g filter="url(#filter0_d_166_3)">
+<path d="M12.4902 4.46666H14C14.1841 4.46666 14.3333 4.6159 14.3333 4.79999V13.4927C14.3333 13.7624 14.0155 13.9416 13.769 13.8321C13.2389 13.5965 12.3543 13.3088 11.1961 13.3088C9.23527 13.3088 7.66667 14.4667 7.66667 14.4667C7.66667 14.4667 6.09804 13.3088 4.13725 13.3088C2.97897 13.3088 2.09437 13.5965 1.56431 13.8321C1.31779 13.9416 1 13.7624 1 13.4927V4.79999C1 4.6159 1.14924 4.46666 1.33333 4.46666H2.84314" fill="white"></path>
+<path d="M12.4902 4.46666H14C14.1841 4.46666 14.3333 4.6159 14.3333 4.79999V13.4927C14.3333 13.7624 14.0155 13.9416 13.769 13.8321C13.2389 13.5965 12.3543 13.3088 11.1961 13.3088C9.23527 13.3088 7.66667 14.4667 7.66667 14.4667C7.66667 14.4667 6.09804 13.3088 4.13725 13.3088C2.97897 13.3088 2.09437 13.5965 1.56431 13.8321C1.31779 13.9416 1 13.7624 1 13.4927V4.79999C1 4.6159 1.14924 4.46666 1.33333 4.46666H2.84314" stroke="#2C3E50" stroke-linejoin="round"></path>
+</g>
+<path d="M7.66666 4.93548C6.93326 4.00204 5.8027 3.0686 3.00078 3.0001C2.81674 2.99561 2.66666 3.14509 2.66666 3.32919C2.66666 4.69484 2.66666 9.86502 2.66666 11.3941C2.66666 11.5782 2.81676 11.7228 3.00075 11.7288C5.80269 11.8204 6.93326 13.0626 7.66666 13.9961M7.66666 4.93548C8.40006 4.00204 9.53059 3.0686 12.3325 3.0001C12.5166 2.99561 12.6667 3.14173 12.6667 3.32583C12.6667 4.8524 12.6667 9.86702 12.6667 11.3936C12.6667 11.5777 12.5166 11.7228 12.3326 11.7288C9.53066 11.8204 8.40006 13.0626 7.66666 13.9961M7.66666 4.93548V13.9961Z" fill="white"></path>
+<path d="M7.66666 4.93548C6.93326 4.00204 5.8027 3.0686 3.00078 3.0001C2.81674 2.99561 2.66666 3.14509 2.66666 3.32919C2.66666 4.69484 2.66666 9.86502 2.66666 11.3941C2.66666 11.5782 2.81676 11.7228 3.00075 11.7288C5.80269 11.8204 6.93326 13.0626 7.66666 13.9961M7.66666 4.93548C8.40006 4.00204 9.53059 3.0686 12.3325 3.0001C12.5166 2.99561 12.6667 3.14173 12.6667 3.32583C12.6667 4.8524 12.6667 9.86702 12.6667 11.3936C12.6667 11.5777 12.5166 11.7228 12.3326 11.7288C9.53066 11.8204 8.40006 13.0626 7.66666 13.9961M7.66666 4.93548V13.9961" stroke="#2C3E50" stroke-linejoin="round"></path>
+</g>
+<defs>
+<filter id="SvgjsFilter1033" x="-3.5" y="3.96666" width="22.3333" height="19" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
+<feOffset dy="4"></feOffset>
+<feGaussianBlur stdDeviation="2"></feGaussianBlur>
+<feComposite in2="hardAlpha" operator="out"></feComposite>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_166_3"></feBlend>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_166_3" result="shape"></feBlend>
+</filter>
+<clipPath id="SvgjsClipPath1032">
+<rect width="16" height="16" fill="white"></rect>
+</clipPath>
+</defs>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>
\ No newline at end of file
diff --git a/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/site.webmanifest b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/site.webmanifest
new file mode 100644
index 0000000..6fbcf20
--- /dev/null
+++ b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/favicon/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/favicon/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
\ No newline at end of file
diff --git a/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/web-app-manifest-192x192.png b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/web-app-manifest-192x192.png
new file mode 100644
index 0000000..2ae0d68
Binary files /dev/null and b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/web-app-manifest-192x192.png differ
diff --git a/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/web-app-manifest-512x512.png b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/web-app-manifest-512x512.png
new file mode 100644
index 0000000..9fb4f80
Binary files /dev/null and b/BookStoreApp.Blazor.Server.UI/wwwroot/favicon/web-app-manifest-512x512.png differ