diff --git a/src/components/pages/Documentation/Markdown/index.tsx b/src/components/pages/Documentation/Markdown/index.tsx
index eed7dc6f..d5e3bb02 100644
--- a/src/components/pages/Documentation/Markdown/index.tsx
+++ b/src/components/pages/Documentation/Markdown/index.tsx
@@ -128,16 +128,18 @@ const ToggleTab: React.FC<{
   onChange: () => void
   checked: boolean
 }> = ({ children, id, checked, ind, onChange, title }) => {
+  const inputId = `tab-${id}-${ind}`
+
   return (
     <>
       <input
-        id={`tab-${id}-${ind}`}
+        id={inputId}
         type="radio"
         name={`toggle-${id}`}
         onChange={onChange}
         checked={checked}
       />
-      <label className={styles.tabHeading} htmlFor={`tab-${id}-${ind}`}>
+      <label className={styles.tabHeading} htmlFor={inputId}>
         {title}
       </label>
       {children}