diff --git a/apps/client/src/widgets/layout/ActiveContentBadges.tsx b/apps/client/src/widgets/layout/ActiveContentBadges.tsx
new file mode 100644
index 0000000000..1ffa2792c3
--- /dev/null
+++ b/apps/client/src/widgets/layout/ActiveContentBadges.tsx
@@ -0,0 +1,34 @@
+import { Badge } from "../react/Badge";
+import FormToggle from "../react/FormToggle";
+import { useNoteContext, useNoteLabelBoolean } from "../react/hooks";
+
+export function ActiveContentBadges() {
+    return (
+        <>
+            <IconPackBadge />
+            <ActiveContentToggle />
+        </>
+    );
+}
+
+function IconPackBadge() {
+    const { note } = useNoteContext();
+    const [ isEnabledIconPack ] = useNoteLabelBoolean(note, "iconPack");
+    const [ isDisabledIconPack ] = useNoteLabelBoolean(note, "disabled:iconPack");
+
+    return ((isEnabledIconPack || isDisabledIconPack) &&
+        <Badge
+            className="icon-pack-badge"
+            icon="bx bx-package"
+            text="Icon pack"
+        />
+    );
+}
+
+function ActiveContentToggle() {
+    return <FormToggle
+        switchOnName="Enabled"
+        switchOffName="Enabled"
+        currentValue={true}
+    />;
+}
diff --git a/apps/client/src/widgets/layout/NoteBadges.css b/apps/client/src/widgets/layout/NoteBadges.css
index 7c11c7fce6..b2b6e18f77 100644
--- a/apps/client/src/widgets/layout/NoteBadges.css
+++ b/apps/client/src/widgets/layout/NoteBadges.css
@@ -46,6 +46,11 @@
             text-overflow: ellipsis;
             min-width: 0;
         }
+
+        .switch-button {
+            --switch-track-height: 8px;
+            --switch-track-width: 30px;
+        }
     }
 
     .dropdown-badge {
diff --git a/apps/client/src/widgets/layout/NoteBadges.tsx b/apps/client/src/widgets/layout/NoteBadges.tsx
index 669778d71b..bf484edf73 100644
--- a/apps/client/src/widgets/layout/NoteBadges.tsx
+++ b/apps/client/src/widgets/layout/NoteBadges.tsx
@@ -10,6 +10,7 @@ import { FormDropdownDivider, FormListItem } from "../react/FormList";
 import { useGetContextData, useIsNoteReadOnly, useNoteContext, useNoteLabel, useNoteLabelBoolean } from "../react/hooks";
 import { useShareState } from "../ribbon/BasicPropertiesTab";
 import { useShareInfo } from "../shared_info";
+import { ActiveContentBadges } from "./ActiveContentBadges";
 
 export default function NoteBadges() {
     return (
@@ -19,7 +20,7 @@ export default function NoteBadges() {
             <ShareBadge />
             <ClippedNoteBadge />
             <ExecuteBadge />
-            <IconPackBadge />
+            <ActiveContentBadges />
         </div>
     );
 }
@@ -148,17 +149,3 @@ export function SaveStatusBadge() {
         />
     );
 }
-
-function IconPackBadge() {
-    const { note } = useNoteContext();
-    const isEnabledIconPack = useNoteLabelBoolean(note, "iconPack");
-    const isDisabledIconPack = useNoteLabelBoolean(note, "disabled:iconPack");
-
-    return ((isEnabledIconPack || isDisabledIconPack) &&
-        <Badge
-            className="icon-pack-badge"
-            icon="bx bx-package"
-            text="Icon pack"
-        />
-    );
-}