diff --git a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
index ed1f79ebb..a1bdaf45f 100644
--- a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
+++ b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
@@ -66,7 +66,7 @@
     <PackageReference Include="BootstrapBlazor.Topology" Version="8.0.9" />
     <PackageReference Include="BootstrapBlazor.VideoPlayer" Version="8.0.7-beta1" />
     <PackageReference Include="BootstrapBlazor.WebAPI" Version="8.0.5" />
-    <PackageReference Include="BootstrapBlazor.WinBox" Version="8.0.1" />
+    <PackageReference Include="BootstrapBlazor.WinBox" Version="8.0.2" />
     <PackageReference Include="Longbow.Logging" Version="8.0.0" />
     <PackageReference Include="Longbow.Tasks" Version="8.0.3" />
     <PackageReference Include="System.Drawing.Common" Version="8.0.8" />
diff --git a/src/Extensions/Components/BootstrapBlazor.WinBox/BootstrapBlazor.WinBox.csproj b/src/Extensions/Components/BootstrapBlazor.WinBox/BootstrapBlazor.WinBox.csproj
index 125ed0d51..eae5560ba 100644
--- a/src/Extensions/Components/BootstrapBlazor.WinBox/BootstrapBlazor.WinBox.csproj
+++ b/src/Extensions/Components/BootstrapBlazor.WinBox/BootstrapBlazor.WinBox.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>8.0.1</Version>
+    <Version>8.0.2</Version>
   </PropertyGroup>
 
   <PropertyGroup>
diff --git a/src/Extensions/Components/BootstrapBlazor.WinBox/wwwroot/css/winbox.bundle.css b/src/Extensions/Components/BootstrapBlazor.WinBox/wwwroot/css/winbox.bundle.css
index 6af6e8fb9..e45c84203 100644
--- a/src/Extensions/Components/BootstrapBlazor.WinBox/wwwroot/css/winbox.bundle.css
+++ b/src/Extensions/Components/BootstrapBlazor.WinBox/wwwroot/css/winbox.bundle.css
@@ -1,11 +1,16 @@
 @import url('./winbox.min.css');
 
+:root {
+    --bb-winbox-mask-bg-opacity: 0.3;
+}
+
 .winbox {
     --bb-winbox-bg: #b5b5c3;
     --bb-winbox-bg-dark: #383b3f;
     --bb-winbox-body-padding: .5rem;
     --bb-window-border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
     --bb-winbox-footer-border-color: var(--bs-border-color);
+    --bb-winbox-mask-bg: #000;
     background: var(--bb-winbox-bg);
     border-radius: var(--bb-window-border-radius);
 }
@@ -33,9 +38,23 @@
 
     .winbox.modal {
         display: block;
-        overflow: hidden;
+        overflow: visible;
     }
 
+        .winbox.modal:after {
+            background: var(--bb-winbox-mask-bg);
+        }
+
+@keyframes wb-fade-in {
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: var(--bb-winbox-mask-bg-opacity);
+    }
+}
+
 [data-bs-theme='dark'] .winbox {
     background: var(--bb-winbox-bg-dark);
 }