diff --git a/site/development/themes.md b/site/development/themes.md
index 762b40f33..559d8fbc9 100644
--- a/site/development/themes.md
+++ b/site/development/themes.md
@@ -108,40 +108,40 @@ export function load(app: Application) {
 
 Start by writing a `jsx.d.ts` file somewhere.
 
-```ts
+````ts
 // src/jsx.d.ts
-import { JSX as TypeDocJSX } from 'typedoc'
+import { JSX as TypeDocJSX } from "typedoc";
 
-declare module 'typedoc' {
-  namespace JSX {
+declare module "typedoc" {
     namespace JSX {
-      interface IntrinsicAttributes {
-        popover?: boolean
-        popovertarget?: string
-        popovertargetaction?: 'hide' | 'show' | 'toggle'
-      }
-      interface IntrinsicElements {
-        // add your custom elements here, ie:
-        /**
-         * @example
-         * ```tsx
-         * <drop-down trigger="#my-trigger" class="header-menu">
-         *   <button>Option #1</button>
-         *   <button>Option #2</button>
-         * </drop-down>
-         * ```
-         */
-        'drop-down': IntrinsicAttributes & {
-          /**
-           * A query selector, ie: '#my-trigger'
-           */
-          trigger: string
+        namespace JSX {
+            interface IntrinsicAttributes {
+                popover?: boolean;
+                popovertarget?: string;
+                popovertargetaction?: "hide" | "show" | "toggle";
+            }
+            interface IntrinsicElements {
+                // add your custom elements here, ie:
+                /**
+                 * @example
+                 * ```tsx
+                 * <drop-down trigger="#my-trigger" class="header-menu">
+                 *   <button>Option #1</button>
+                 *   <button>Option #2</button>
+                 * </drop-down>
+                 * ```
+                 */
+                "drop-down": IntrinsicAttributes & {
+                    /**
+                     * A query selector, ie: '#my-trigger'
+                     */
+                    trigger: string;
+                };
+            }
         }
-      }
     }
-  }
 }
-```
+````
 
 Then in your plugin entry point, reference the `jsx.d.ts` file with a triple-slash directive.
 
diff --git a/src/lib/utils/jsx.elements.ts b/src/lib/utils/jsx.elements.ts
index 55f6078ed..5e429da7c 100644
--- a/src/lib/utils/jsx.elements.ts
+++ b/src/lib/utils/jsx.elements.ts
@@ -192,12 +192,12 @@ export interface JsxHtmlGlobalProps {
      *
      * See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) for more details
      */
-    popover?: boolean | 'auto' | 'manual'
+    popover?: boolean | "auto" | "manual";
     /**
      * It must be the popover element id, see [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
      */
-    popovertarget?: string
-    popovertargetaction?: 'hide' | 'show' | 'toggle'
+    popovertarget?: string;
+    popovertargetaction?: "hide" | "show" | "toggle";
 }
 
 /**
diff --git a/src/lib/utils/jsx.ts b/src/lib/utils/jsx.ts
index a4c4b676b..02f1c869d 100644
--- a/src/lib/utils/jsx.ts
+++ b/src/lib/utils/jsx.ts
@@ -51,7 +51,11 @@ export function Raw(_props: { html: string }) {
  * @hidden
  */
 export declare namespace JSX {
-    export { IntrinsicElements, JsxElement as Element, JsxHtmlGlobalProps as IntrinsicAttributes };
+    export {
+        IntrinsicElements,
+        JsxElement as Element,
+        JsxHtmlGlobalProps as IntrinsicAttributes,
+    };
 }
 
 const voidElements = new Set([