diff --git a/.changeset/change-line-color.md b/.changeset/change-line-color.md
new file mode 100644
index 0000000..135a820
--- /dev/null
+++ b/.changeset/change-line-color.md
@@ -0,0 +1,5 @@
+---
+"@roo-app/react-code-block": patch
+---
+
+Made the line numbers lighter in both light and dark mode as well as a 14px font.
diff --git a/src/index.tsx b/src/index.tsx
index c3f8b1c..ac8ded2 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -126,7 +126,7 @@ function CodeBlock({
                             {showLineNumbers && (
                               <span
                                 className={clsx(
-                                  "select-none",
+                                  "select-none text-gray-400 dark:text-gray-500 text-sm my-auto",
                                   shouldHighlight ? "-ml-1 mr-5" : "mr-4"
                                 )}
                               >