diff --git a/CropperSampleV6/Pages/CropperExample.razor b/CropperSampleV6/Pages/CropperExample.razor
index b87b3fa..41bef47 100644
--- a/CropperSampleV6/Pages/CropperExample.razor
+++ b/CropperSampleV6/Pages/CropperExample.razor
@@ -1,4 +1,4 @@
-@page "/Blazor.Cropper/"
+@page "/"
 @inject IJSRuntime JSRuntime;
 
 <h1>Cropper</h1>
diff --git a/CropperSampleV6/Shared/NavMenu.razor b/CropperSampleV6/Shared/NavMenu.razor
index be313e0..f154cab 100644
--- a/CropperSampleV6/Shared/NavMenu.razor
+++ b/CropperSampleV6/Shared/NavMenu.razor
@@ -8,7 +8,7 @@
 <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
     <ul class="nav flex-column">
         <li class="nav-item px-3">
-            <NavLink class="nav-link" href="Blazor.Cropper" Match="NavLinkMatch.All">
+            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                 <span class="oi oi-home" aria-hidden="true"></span> Cropper
             </NavLink>
         </li>
diff --git a/CropperSampleV6/wwwroot/index.html b/CropperSampleV6/wwwroot/index.html
index 0b4d208..046752e 100644
--- a/CropperSampleV6/wwwroot/index.html
+++ b/CropperSampleV6/wwwroot/index.html
@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>CropperSampleV6</title>
-    <base href="/" />
+    <base href="/Blazor.Cropper/" />
     <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
     <link href="css/app.css" rel="stylesheet" />
     <link href="CropperSampleV6.styles.css" rel="stylesheet" />