diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
index 6a7d7173378..612f08e7996 100644
--- a/src/BootstrapBlazor.Server/Locales/en-US.json
+++ b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -6858,7 +6858,7 @@
     "AttributeChildContent": "Child component",
     "LoadMoreTitle": "LoadMore Component",
     "LoadMoreIntro": "By setting the <code>LoadMore</code> component parameter <code>IsLoading</code> to control the loading state, the <code>OnLoadMoreAsync</code> callback method loads more data",
-    "LoadMoreDesc": "In this example, the loading indicator is displayed by setting <code>CanLoading</code> to <code>true</code>, and the <b>No More Data</b> prompt text is displayed by setting it to <code>false</code> after loading is complete. The UI for loading more data can be customized through <code>LoadingTemplate</code>, the UI displayed when there is no more data can be customized through <code>NoMoreTemplate</code>, and the indicator text displayed when there are no more add-ons can be set through the <code>NoMoreText</code> parameter."
+    "LoadMoreDesc": "<p>In this example, the loading indicator is displayed by setting <code>CanLoading</code> to <code>true</code>, and the <b>No More Data</b> prompt text is displayed when loading is complete.</p><ul class=\"ul-demo\"><li>Customize the UI for loading more through <code>LoadingTemplate</code></li><li>Customize the UI displayed when there is no more data through <code>NoMoreTemplate</code></li><li>Set the indicator text displayed when there are no more add-ons through the <code>NoMoreText</code> parameter</li></ui>"
   },
   "BootstrapBlazor.Server.Components.Samples.SortableLists": {
     "SortableListTitle": "SortableList",
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
index bbfa34c8e17..309e0b2fbd5 100644
--- a/src/BootstrapBlazor.Server/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -6858,7 +6858,7 @@
     "AttributeChildContent": "子组件",
     "LoadMoreTitle": "LoadMore 组件",
     "LoadMoreIntro": "通过设置 <code>LoadMore</code> 组件参数 <code>CanLoading</code> 控制加载状态，<code>OnLoadMoreAsync</code> 回调方法加载更多数据",
-    "LoadMoreDesc": "本例中通过设置 <code>CanLoading</code> 为 <code>true</code> 显示加载指示符，加载完成后设置为 <code>false</code> 显示 <b>没有更多数据</b> 提示文本，可以通过 <code>LoadingTemplate</code> 自定义加载更多的 UI，通过 <code>NoMoreTemplate</code> 自定义没有更多数据时显示的 UI，可以通过 <code>NoMoreText</code> 参数设置没有更多加载项时显示的指示文本"
+    "LoadMoreDesc": "<p>本例中通过设置 <code>CanLoading</code> 为 <code>true</code> 显示加载指示符，加载完成后设置为 <code>false</code> 显示 <b>没有更多数据</b> 提示文本</p><ul class=\"ul-demo\"><li>通过 <code>LoadingTemplate</code> 自定义加载更多的 UI</li><li>通过 <code>NoMoreTemplate</code> 自定义没有更多数据时显示的 UI</li><li>通过 <code>NoMoreText</code> 参数设置没有更多加载项时显示的指示文本</li></ui>"
   },
   "BootstrapBlazor.Server.Components.Samples.SortableLists": {
     "SortableListTitle": "SortableList 拖拽组件",
diff --git a/src/BootstrapBlazor/Components/IntersectionObserver/LoadMore.razor.scss b/src/BootstrapBlazor/Components/IntersectionObserver/LoadMore.razor.scss
index 33922c4e989..ae7ae6eb32f 100644
--- a/src/BootstrapBlazor/Components/IntersectionObserver/LoadMore.razor.scss
+++ b/src/BootstrapBlazor/Components/IntersectionObserver/LoadMore.razor.scss
@@ -9,6 +9,7 @@
         align-items: center;
         background-color: var(--bb-intersection-observer-loading-bg);
         color: var(--bb-intersection-observer-loading-color);
-        padding: var(--bb-intersection-observer-loading-padding)
+        padding: var(--bb-intersection-observer-loading-padding);
+        margin-bottom: 1px;
     }
 }