diff --git a/app/pages/docs/react/tabs.tsx b/app/pages/docs/react/tabs.tsx
index 3d5edc4..ddc3f5b 100644
--- a/app/pages/docs/react/tabs.tsx
+++ b/app/pages/docs/react/tabs.tsx
@@ -4,6 +4,7 @@ const reactTodoListSnippets = [
 	{
 		name: "App.tsx",
 		codeLanguage: "tsx",
+		withLineNumbers: true,
 		code: `import TodoList from "./TodoList";
 import React from "react";
 
@@ -19,6 +20,7 @@ const App = () => {
 	{
 		name: "TodoList.tsx",
 		codeLanguage: "tsx",
+		withLineNumbers: true,
 		code: `import TodoListItem from "./TodoListItem";
 import React from "react";
 
@@ -65,6 +67,7 @@ export default TodoList;`,
 	{
 		name: "TodoListItem.tsx",
 		codeLanguage: "tsx",
+		withLineNumbers: true,
 		code: `import React from "react";
 
 interface TodoListItemProps {
diff --git a/app/partials/HeroSection.tsx b/app/partials/HeroSection.tsx
index 1407142..8a772c9 100644
--- a/app/partials/HeroSection.tsx
+++ b/app/partials/HeroSection.tsx
@@ -11,6 +11,7 @@ const snippets = [
 	{
 		name: "memento-dev.config.js",
 		codeLanguage: "javascript",
+		withLineNumbers: true,
 		code: `export default {
 	role: "developer",
 	qualifications: [
@@ -23,6 +24,7 @@ const snippets = [
 	{
 		name: "package.json",
 		codeLanguage: "json",
+		withLineNumbers: true,
 		code: `{
 	"name": "memento-dev",
 	"version": "2.0.0",