From 21f6cc00ebac4c671e558e7a5c42b235cea0d529 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 7 Apr 2026 13:31:22 +0300
Subject: [PATCH] feat(options/spellcheck): improve display in browser

---
 .../src/widgets/type_widgets/options/spellcheck.tsx       | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/widgets/type_widgets/options/spellcheck.tsx b/apps/client/src/widgets/type_widgets/options/spellcheck.tsx
index fe5bca5bf5..e91804e3f3 100644
--- a/apps/client/src/widgets/type_widgets/options/spellcheck.tsx
+++ b/apps/client/src/widgets/type_widgets/options/spellcheck.tsx
@@ -7,6 +7,7 @@ import Button from "../../react/Button";
 import FormText from "../../react/FormText";
 import FormToggle from "../../react/FormToggle";
 import { useTriliumOption, useTriliumOptionBool } from "../../react/hooks";
+import NoItems from "../../react/NoItems";
 import CheckboxList from "./components/CheckboxList";
 import OptionsRow from "./components/OptionsRow";
 import OptionsSection from "./components/OptionsSection";
@@ -121,8 +122,11 @@ function CustomDictionary() {
 
 function WebSpellcheckSettings() {
     return (
-        <OptionsSection title={t("spellcheck.title")}>
-            <p>{t("spellcheck.description")}</p>
+        <OptionsSection>
+            <NoItems
+                text={t("spellcheck.description")}
+                icon="bx bx-check-double"
+            />
         </OptionsSection>
     );
 }