diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Search.cshtml b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Search.cshtml
index 8a2e3eb6d6..127994a24c 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Search.cshtml
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Search.cshtml
@@ -48,31 +48,35 @@
         <div class="p-5 card-body">
             @foreach (var docs in Model.SearchOutputs)
             {
-                <div class="pb-4 small">
-                    @functions
+                <div class="row">
+                    <div class="col">
+                        <div class="pb-4 small">
+                            @functions
                                 {
-                        string RemoveFileExtensionFromPath(string path)
-                        {
-                            if (path == null)
-                            {
-                                return null;
-                            }
+                                string RemoveFileExtensionFromPath(string path)
+                                {
+                                    if (path == null)
+                                    {
+                                        return null;
+                                    }
 
-                            return path.EndsWith("." + @Model.Project.Format)
-                                ? path.Left(path.Length - Model.Project.Format.Length - 1)
-                                : path;
-                        }
-                    } 
-                    <h5 class="mb-3">
-                        <a href="/@Model.LanguageCode/@Model.ProjectName/@Model.Version/@RemoveFileExtensionFromPath(docs.Name)">
-                            @RemoveFileExtensionFromPath(docs.Name)
-                        </a>
-                    </h5>
-                    <div class="mb-4">
-                        @foreach (var highlight in docs.Highlight)
-                        {
-                            <p class="mb-2">@Html.Raw(highlight)</p>
-                        }
+                                    return path.EndsWith("." + @Model.Project.Format)
+                                        ? path.Left(path.Length - Model.Project.Format.Length - 1)
+                                        : path;
+                                }
+                            }
+                            <h5 class="mb-3">
+                                <a href="/@Model.LanguageCode/@Model.ProjectName/@Model.Version/@RemoveFileExtensionFromPath(docs.Name)">
+                                    @RemoveFileExtensionFromPath(docs.Name)
+                                </a>
+                            </h5>
+                            <div class="mb-4">
+                                @foreach (var highlight in docs.Highlight)
+                                {
+                                    <p class="mb-2">@Html.Raw(highlight)</p>
+                                }
+                            </div>
+                        </div> 
                     </div>
                 </div>
             }