diff --git a/HueLightDJ.Blazor.Controls/HueLightDJ.Blazor.Controls.csproj b/HueLightDJ.Blazor.Controls/HueLightDJ.Blazor.Controls.csproj
index 52e8b16..aa2d37e 100644
--- a/HueLightDJ.Blazor.Controls/HueLightDJ.Blazor.Controls.csproj
+++ b/HueLightDJ.Blazor.Controls/HueLightDJ.Blazor.Controls.csproj
@@ -17,7 +17,7 @@
   <ItemGroup>
     <PackageReference Include="Blazored.LocalStorage" Version="4.5.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.8" />
-    <PackageReference Include="MudBlazor" Version="6.11.0" />
+    <PackageReference Include="MudBlazor" Version="7.7.0" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/HueLightDJ.Blazor.Controls/Pages/LightDJ.razor b/HueLightDJ.Blazor.Controls/Pages/LightDJ.razor
index 8ba8147..b087990 100644
--- a/HueLightDJ.Blazor.Controls/Pages/LightDJ.razor
+++ b/HueLightDJ.Blazor.Controls/Pages/LightDJ.razor
@@ -35,7 +35,7 @@
 
     @if (statusModel.IsAutoMode)
     {
-        <MudCheckBox @bind-Checked="@statusModel.AutoModeHasRandomEffects" @onchange="@(() => LightDJService.SetAutoRandomMode(new BoolRequest(statusModel.AutoModeHasRandomEffects)))" Label="Random effects"></MudCheckBox>
+        <MudCheckBox T="bool" @bind-Checked="@statusModel.AutoModeHasRandomEffects" @onchange="@(() => LightDJService.SetAutoRandomMode(new BoolRequest(statusModel.AutoModeHasRandomEffects)))" Label="Random effects"></MudCheckBox>
 
         <MudButton Variant="Variant.Text" Color="Color.Primary" OnClick="(() => LightDJService.StopAutoMode())">Stop Auto Mode</MudButton>
     }
@@ -64,7 +64,7 @@
 
                     @if (effect.HasColorPicker)
                     {
-                        <MudCheckBox @bind-Checked="@effect.IsRandom" Label="Random"></MudCheckBox>
+                        <MudCheckBox T="bool" @bind-Checked="@effect.IsRandom" Label="Random"></MudCheckBox>
 
                         @if (!effect.IsRandom)
                         {