diff --git a/apps/client/src/widgets/sidebar/RightPanelContainer.tsx b/apps/client/src/widgets/sidebar/RightPanelContainer.tsx
index 8b57147ce..34ec8360c 100644
--- a/apps/client/src/widgets/sidebar/RightPanelContainer.tsx
+++ b/apps/client/src/widgets/sidebar/RightPanelContainer.tsx
@@ -6,6 +6,7 @@ import { useEffect } from "preact/hooks";
 
 import options from "../../services/options";
 import { DEFAULT_GUTTER_SIZE } from "../../services/resizer";
+import TableOfContents from "./TableOfContents";
 
 const MIN_WIDTH_PERCENT = 5;
 
@@ -25,7 +26,7 @@ export default function RightPanelContainer() {
 
     return (
         <div id="right-pane">
-            Hi there.
+            <TableOfContents />
         </div>
     );
 }
diff --git a/apps/client/src/widgets/sidebar/TableOfContents.tsx b/apps/client/src/widgets/sidebar/TableOfContents.tsx
new file mode 100644
index 000000000..23e08506d
--- /dev/null
+++ b/apps/client/src/widgets/sidebar/TableOfContents.tsx
@@ -0,0 +1,12 @@
+import { t } from "../../services/i18n";
+import RightPanelWidget from "./RightPanelWidget";
+
+export default function TableOfContents() {
+
+    return (
+        <RightPanelWidget title={t("toc.table_of_contents")}>
+            Toc is here.
+        </RightPanelWidget>
+    );
+
+}