diff --git a/components/TableContents.tsx b/components/TableContents.tsx
index 17906219..2378ae9a 100644
--- a/components/TableContents.tsx
+++ b/components/TableContents.tsx
@@ -55,7 +55,7 @@ export default function TOC({ headings, isList, setIsList }) {
     const container = tocRef.current;
 
     function resizeHandler() {
-      setIsList(container.clientHeight > window.innerHeight * 0.8);
+      setIsList(container.scrollHeight > window.innerHeight * 0.8);
     }
 
     resizeHandler()
@@ -202,7 +202,7 @@ export default function TOC({ headings, isList, setIsList }) {
             ))}
           </select>
         ) : (
-          <nav ref={tocRef}>
+          <nav ref={tocRef} className="max-h-[80vh] overflow-y-auto pr-2">
             <ul className="pl-0 leading-5">
               {headings.map((item, index) => (
                 <TOCItem