diff --git a/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj b/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
index e3d8e281..b6b7b0a2 100644
--- a/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
+++ b/src/components/BootstrapBlazor.DockView/BootstrapBlazor.DockView.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.1.6</Version>
+    <Version>9.1.7</Version>
   </PropertyGroup>
 
   <PropertyGroup>
diff --git a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
index 72336eb8..beaf9e22 100644
--- a/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
+++ b/src/components/BootstrapBlazor.DockView/wwwroot/js/dockview-utils.js
@@ -37,14 +37,18 @@ const initDockview = (dockview, options, template) => {
 
     dockview.update = options => {
         if (options.layoutConfig) {
-            reloadFromConfig(dockview, options)
+            reloadFromConfig(dockview, options);
         }
-        else if (dockview.params.options.lock !== options.lock) {
-            dockview.params.options.lock = options.lock
-            toggleGroupLock(dockview, options)
+        if (dockview.params.options.lock !== options.lock) {
+            dockview.params.options.lock = options.lock;
+            toggleGroupLock(dockview, options);
+        }
+        if (dockview.options.theme.className !== options.theme) {
+            dockview.options.theme.className = options.theme;
+            dockview.updateTheme();
         }
         else {
-            toggleComponent(dockview, options)
+            toggleComponent(dockview, options);
         }
     }