diff --git a/src/BootstrapBlazor.Shared/Samples/Ips.razor b/src/BootstrapBlazor.Shared/Samples/Ips.razor
index ca6739fbfe51442c7802f3eab7f3bc6c8a31ba6a..8035840bb2a529d6ce615ab2c1b9b145def78a82 100644
--- a/src/BootstrapBlazor.Shared/Samples/Ips.razor
+++ b/src/BootstrapBlazor.Shared/Samples/Ips.razor
@@ -4,6 +4,6 @@
 <DemoBlock Title="@Localizer["BasicUsageTitle"]" Name="Normal">
     <IpAddress @bind-Value="@Value" />
 
-    <div>@Value</div>
+    <div class="mt-3">@Value</div>
 </DemoBlock>
 
diff --git a/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs b/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
index 45aca08f2d30a8eb636e8b443dd805d41e1a3eff..927f46e684683712b09e9b1d2fe7c58d3e247424 100644
--- a/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
+++ b/src/BootstrapBlazor.Shared/Shared/NavMenu.razor.cs
@@ -293,6 +293,12 @@ public sealed partial class NavMenu
                 Url = "inputgroups"
             },
             new()
+            {
+                IsNew = true,
+                Text = Localizer["Ip"],
+                Url = "ips"
+            },
+            new()
             {
                 Text = Localizer["Markdown"],
                 Url = "markdowns"
@@ -466,12 +472,6 @@ public sealed partial class NavMenu
                 Url = "handwrittenpage"
             },
             new()
-            {
-                IsNew = true,
-                Text = Localizer["Ip"],
-                Url = "ips"
-            },
-            new()
             {
                 IsNew = true,
                 Text = Localizer["LinkButton"],
diff --git a/src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.cs b/src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.cs
index f70e7433c810dc42c78113fd85da67f54b83ab95..6e33e4c3362faa6828a30562de55df674859e089 100644
--- a/src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.cs
+++ b/src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.cs
@@ -22,8 +22,7 @@ public partial class CheckboxList<TValue>
         .AddClass(defaultClass)
         .AddClass("no-border", !ShowBorder && ValidCss != "is-invalid")
         .AddClass("is-vertical", IsVertical)
-        .AddClass(CssClass)
-        .AddClass("is-invalid", IsValid.HasValue && !IsValid.Value)
+        .AddClass(CssClass).AddClass(ValidCss)
         .Build();
 
     /// <summary>
diff --git a/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.cs b/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.cs
index 470d04409ffaf53d66b7d77e869ed3cf13fdb089..277b38d87b0e8098fa0b701866d9cbad4ba187ca 100644
--- a/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.cs
+++ b/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.cs
@@ -26,7 +26,7 @@ public partial class IpAddress
     /// </summary>
     protected string? ClassName => CssBuilder.Default("ipaddress form-control")
         .AddClass("disabled", IsDisabled)
-        .AddClassFromAttributes(AdditionalAttributes)
+        .AddClass(CssClass).AddClass(ValidCss)
         .Build();
 
     /// <summary>