diff --git a/docs/src/components/DocSidebar.tsx b/docs/src/components/DocSidebar.tsx
index 4da6909f13..6aacb38604 100644
--- a/docs/src/components/DocSidebar.tsx
+++ b/docs/src/components/DocSidebar.tsx
@@ -57,14 +57,49 @@ const DocSidebar: FunctionalComponent<{ headers: any[]; editHref: string }> = ({
diff --git a/docs/src/components/EditOnGithub.tsx b/docs/src/components/EditOnGithub.tsx
index 8209213dcf..e6e757f5f7 100644
--- a/docs/src/components/EditOnGithub.tsx
+++ b/docs/src/components/EditOnGithub.tsx
@@ -4,9 +4,23 @@ import { h } from 'preact';
const EditOnGithub: FunctionalComponent<{ href: string }> = ({ href }) => {
return (
-
+ width="1em"
+ >
+
+
Edit this page
);