diff --git a/bun.lockb b/bun.lockb
index 24be24e..347635c 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 8e5099b..35de779 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,8 @@
     "react-syntax-highlighter": "latest",
     "rehype-raw": "latest",
     "remark-frontmatter": "latest",
-    "remark-gfm": "latest"
+    "remark-gfm": "latest",
+    "tailwind-scrollbar": "latest"
   },
   "devDependencies": {
     "typescript": "latest",
diff --git a/src/app/c/[...slug]/page.tsx b/src/app/c/[...slug]/page.tsx
index 4e3d050..64e2696 100644
--- a/src/app/c/[...slug]/page.tsx
+++ b/src/app/c/[...slug]/page.tsx
@@ -71,7 +71,7 @@ export default function Content({ params }: Props) {
         },
         a({ href, children, className }) {
           return (
-            <Link className={className || ""} aria-label={href} href={href!} target="_blank">{children}</Link>
+            <Link className={className || ""} aria-label={getText(children)} href={href!} target="_blank">{children}</Link>
           )
         },
         pre({ children, className }) {
diff --git a/src/app/components/cases.tsx b/src/app/components/cases.tsx
index ad72a4b..94227ca 100644
--- a/src/app/components/cases.tsx
+++ b/src/app/components/cases.tsx
@@ -2,9 +2,9 @@ import Link from "next/link";
 import { getCases } from "$lib/content";
 
 const Cases = () =>
-  <div className="p-20 w-full lg:w-3/4 mx-auto flex flex-col gap-4">
+  <div className="p-20 w-full h-full flex flex-col gap-4 overflow-y-scroll">
     {getCases().filter(c => !c.data.draft).sort((a, b) => Number(b.data.z) - Number(a.data.z)).map((c) => c.data).map((d) =>
-      <div key={d.slug} className="w-full h-max flex justify-center rounded-lg border-2">
+      <div key={d.slug} className="w-full lg:w-3/4 mx-auto h-max flex justify-center rounded-lg border-2">
         <div className="gradient w-full">
           <Link className="btn flex flex-col w-full text-center" href={d.slug}>
             <span className="text-lg px-6">{d.title}</span>
diff --git a/src/app/components/copy-button.tsx b/src/app/components/copy-button.tsx
index c4eb76f..9ebb3d8 100644
--- a/src/app/components/copy-button.tsx
+++ b/src/app/components/copy-button.tsx
@@ -12,6 +12,7 @@ const CopyButton = ({ text }: Props) => {
   return (
     <button
       className="absolute top-5 right-5"
+      aria-label="copy"
       onClick={() => {
         navigator.clipboard.writeText(text)
         setVisible("visible")
diff --git a/src/app/globals.css b/src/app/globals.css
index 1efbb59..a64e960 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -14,8 +14,12 @@
   }
 }
 
+html * {
+  @apply scrollbar scrollbar-thin scrollbar-thumb-sky-400
+}
+
 body {
-  @apply gradient text-slate-50 w-screen h-screen
+  @apply gradient text-slate-50 w-screen h-screen overflow-hidden
 }
 
 main {
diff --git a/tailwind.config.ts b/tailwind.config.ts
index b27a408..cac0926 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -6,6 +6,8 @@ const config: Config = {
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
-  plugins: [],
+  plugins: [
+    require("tailwind-scrollbar")
+  ],
 }
 export default config