diff --git a/src/components/general/resume-button.tsx b/src/components/general/resume-button.tsx
new file mode 100644
index 0000000..1f23d23
--- /dev/null
+++ b/src/components/general/resume-button.tsx
@@ -0,0 +1,18 @@
+import { ScrollText } from "lucide-react";
+import Button from "../lib/layout/Button";
+
+type Props = {};
+export default function ResumeButton({}: Props) {
+    return (
+        <Button
+            title="Benjamin Toby Resume"
+            beforeIcon={<ScrollText size={17} className="font-normal" />}
+            href="https://docs.google.com/document/d/1SQ5ERYmGs39LMo03GqL_Hs5kz1Ir8via-mPPByi6jyk/edit?usp=sharing"
+            variant="outlined"
+            className="grow w-full"
+            target="_blank"
+        >
+            Resume
+        </Button>
+    );
+}
diff --git a/src/components/pages/Home/index.tsx b/src/components/pages/Home/index.tsx
index ca8917a..7c92f8f 100644
--- a/src/components/pages/Home/index.tsx
+++ b/src/components/pages/Home/index.tsx
@@ -6,6 +6,7 @@ import Section from "@/src/components/lib/layout/Section";
 import Span from "@/src/components/lib/layout/Span";
 import Stack from "@/src/components/lib/layout/Stack";
 import { Contact, ScrollText, Terminal } from "lucide-react";
+import ResumeButton from "../../general/resume-button";
 
 export default function Main() {
     return (
@@ -65,18 +66,7 @@ export default function Main() {
                     >
                         Learn More
                     </Button> */}
-                    <Button
-                        title="Benjamin Toby Resume"
-                        beforeIcon={
-                            <ScrollText size={17} className="font-normal" />
-                        }
-                        href="https://docs.google.com/document/d/1SQ5ERYmGs39LMo03GqL_Hs5kz1Ir8via-mPPByi6jyk/edit?usp=sharing"
-                        variant="outlined"
-                        className="grow w-full"
-                        target="_blank"
-                    >
-                        Resume
-                    </Button>
+                    <ResumeButton />
                 </Row>
             </Stack>
         </Section>
diff --git a/src/components/pages/about/index.tsx b/src/components/pages/about/index.tsx
index 279ceab..076610e 100644
--- a/src/components/pages/about/index.tsx
+++ b/src/components/pages/about/index.tsx
@@ -7,7 +7,8 @@ import Row from "@/src/components/lib/layout/Row";
 import Section from "@/src/components/lib/layout/Section";
 import Span from "@/src/components/lib/layout/Span";
 import Stack from "@/src/components/lib/layout/Stack";
-import { Terminal } from "lucide-react";
+import { ScrollText, Terminal } from "lucide-react";
+import ResumeButton from "../../general/resume-button";
 
 export default function Main() {
     return (
@@ -34,6 +35,8 @@ export default function Main() {
                     <li>Full-stack delivery with Next.js, Bun, and SQL</li>
                 </ul>
 
+                <ResumeButton />
+
                 <Divider />
 
                 <H2>Background</H2>