diff --git a/frontend/bun.lock b/frontend/bun.lock
index e672e96..09a9ffb 100644
--- a/frontend/bun.lock
+++ b/frontend/bun.lock
@@ -1,5 +1,6 @@
 {
   "lockfileVersion": 1,
+  "configVersion": 0,
   "workspaces": {
     "": {
       "name": "frontend",
diff --git a/frontend/src/components/layouts/utils/MainPanel.tsx b/frontend/src/components/layouts/utils/MainPanel.tsx
index 8a90d1f..8f84ed4 100644
--- a/frontend/src/components/layouts/utils/MainPanel.tsx
+++ b/frontend/src/components/layouts/utils/MainPanel.tsx
@@ -83,16 +83,14 @@ export function MainPanel({ children }: MainPanelProps) {
             if (!mainRef.current || !contentRef.current) return;
 
             const contentHeight = contentRef.current.scrollHeight + 180;
-            const contentWidth = contentRef.current.scrollWidth + 48;
-            const height = Math.min(contentHeight, window.innerHeight * 0.8);
+            const height = Math.min(contentHeight, window.innerHeight * 0.9);
 
             if (isFirstRender.current) {
-                gsap.set(mainRef.current, { height, width: contentWidth });
+                gsap.set(mainRef.current, { height });
                 isFirstRender.current = false;
             } else {
                 gsap.to(mainRef.current, {
                     height,
-                    width: contentWidth,
                     duration: 0.45,
                     ease: "power2.inOut",
                 });
@@ -107,7 +105,7 @@ export function MainPanel({ children }: MainPanelProps) {
         <main
             ref={mainRef}
             style={{ visibility: "hidden" }}
-            className="absolute bottom-0 right-0 bg-white md:rounded-tl-[140px] rounded-tl-[100px] px-6 py-12 z-10 overflow-y-auto overflow-hidden md:w-full max-w-screen md:max-w-[900px]"
+            className="absolute bottom-0 right-0 bg-white md:rounded-tl-[140px] rounded-tl-[100px] px-6 py-12 z-10 overflow-y-auto w-full max-w-screen md:max-w-[900px]"
         >
             <div ref={contentRef}>
                 <div ref={contentWrapperRef} className="will-change-transform overflow-hidden">
diff --git a/frontend/src/routes/links.tsx b/frontend/src/routes/links.tsx
index 380e4c0..c20cbe0 100644
--- a/frontend/src/routes/links.tsx
+++ b/frontend/src/routes/links.tsx
@@ -42,7 +42,7 @@ function LinksPage() {
         { opacity: 1, y: 0, duration: 0.5, stagger: 0.08, ease: "power2.out" },
       );
     }
-  }, [isLoading]);
+  }, [isLoading, data]);
 
   const handleCopy = async (text: string) => {
     try {
@@ -142,7 +142,7 @@ function LinksPage() {
   }, [isError, retried, refetch]);
 
   return (
-    <div ref={containerRef} className="w-full max-w-4xl mx-auto">
+    <div ref={containerRef} className="w-full max-w-4xl mx-auto px-4 sm:px-6">
       <div className="animate-in">
         <Back subtitle="All Links" />
       </div>
@@ -160,7 +160,7 @@ function LinksPage() {
         </div>
       )}
 
-      <div className="overflow-hidden border border-black/10 rounded-2xl bg-white shadow-sm mb-10 animate-in">
+      <div className="overflow-hidden border border-black/10 rounded-2xl bg-white shadow-sm mb-10 animate-in min-w-0 w-full">
         <div className="overflow-x-auto">
           <table className="w-full table-fixed border-collapse">
             <thead>
diff --git a/frontend/src/styles/index.css b/frontend/src/styles/index.css
index 29d4235..8af697d 100644
--- a/frontend/src/styles/index.css
+++ b/frontend/src/styles/index.css
@@ -91,4 +91,5 @@ main {
 
 .animate-in {
   opacity: 0;
+  will-change: transform, opacity;
 }