diff --git a/packages/docs/components/Expandable.tsx b/packages/docs/components/Expandable.tsx
new file mode 100644
index 00000000..7dbc7208
--- /dev/null
+++ b/packages/docs/components/Expandable.tsx
@@ -0,0 +1,19 @@
+import React, { useState, useEffect } from 'react';
+
+
+const Expandable= ({ children }) => {
+    const [expanded, setExpanded] = useState(false);
+
+    const toggleExpand = () => {
+        setExpanded(!expanded);
+    };
+
+    return (
+        <div>
+            {children}
+            <button onClick={toggleExpand}>{expanded ? 'Collapse' : 'Expand'}</button>
+        </div>
+    );
+};
+
+export default Expandable;
diff --git a/packages/docs/components/ExpandableToml.tsx b/packages/docs/components/ExpandableToml.tsx
deleted file mode 100644
index d316d1c6..00000000
--- a/packages/docs/components/ExpandableToml.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useState } from 'react';
-
-const ExpandableToml = ({ tomlContent }) => {
-    const [expanded, setExpanded] = useState(false);
-
-    const toggleExpand = () => {
-    setExpanded(!expanded);
-    };
-
-    return (
-    <div>
-        <button onClick={toggleExpand}>{expanded ? 'Collapse' : 'Expand'}</button>
-        {expanded && (
-        <pre>
-            <code>{tomlContent}</code>
-        </pre>
-        )}
-    </div>
-    );
-};
-
-export default ExpandableToml;
\ No newline at end of file
diff --git a/packages/docs/pages/ledger/env-vars.mdx b/packages/docs/pages/ledger/env-vars.mdx
index c5c4b133..f4a69e6c 100644
--- a/packages/docs/pages/ledger/env-vars.mdx
+++ b/packages/docs/pages/ledger/env-vars.mdx
@@ -1,5 +1,5 @@
 import { Callout } from 'nextra-theme-docs'
-// import ExpandableToml from "../../components/ExpandableToml"; #TODO: Use this component when properly css'd
+import Expandable from "../../components/Expandable"; // TODO: Use this component when properly css'd
 
 # Environment variables
 
@@ -7,6 +7,7 @@ By default, whenever the namada ledger is started, it will apply the confirgurat
 
 An example of a ledger configuration file is displayed below.
 
+<Expandable>
 ```toml
 wasm_dir = "wasm"
 
@@ -38,6 +39,7 @@ priv_validator_laddr = ""
 
 ...
 ```
+</Expandable>
 
 However, it is possible to override the configuration by setting environment variables.
 Any variable found in the config can be accessed through environment variables that are constructed in the below manner.