diff --git a/.gitignore b/.gitignore
index 54f07af..d3bc734 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,4 +21,8 @@ dist-ssr
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
\ No newline at end of file
+*.sw?
+
+# Docker
+docker-compose.yml
+Dockerfile
\ No newline at end of file
diff --git a/index.css b/index.css
index 97a577f..11ac4b5 100644
--- a/index.css
+++ b/index.css
@@ -39,8 +39,11 @@
 }
 
 @layer components {
+    .outlet-container {
+        @apply mt-14 sm:mt-18 md:mt-21 lg:mt-26 py-10 px-5 sm:px-10 md:px-20 lg:px-40 2xl:px-80 flex-1 flex bg-body;
+    }
     .pages {
-        @apply mt-14 sm:mt-18 md:mt-21 lg:mt-26 py-10 px-5 sm:px-10 md:px-20 lg:px-40 2xl:px-80 flex-1 space-y-4 md:space-y-8 bg-body;
+        @apply max-w-7xl w-full mx-auto space-y-4 md:space-y-8 flex-1;
     }
 }
 
diff --git a/package-lock.json b/package-lock.json
index 8c8b98e..7d9f715 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,8 +21,8 @@
       "devDependencies": {
         "@types/react": "^19.1.6",
         "@types/react-dom": "^19.1.6",
-        "@vitejs/plugin-react": "^4.7.0",
-        "vite": "^6.3.5"
+        "@vitejs/plugin-react": "^4.5.1",
+        "vite": "^6.3.6"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -1324,6 +1324,60 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/core": {
+      "version": "1.4.3",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.0.2",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/runtime": {
+      "version": "1.4.3",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/wasi-threads": {
+      "version": "1.0.2",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.11",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.9.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@tybys/wasm-util": {
+      "version": "0.9.0",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/tslib": {
+      "version": "2.8.0",
+      "inBundle": true,
+      "license": "0BSD",
+      "optional": true
+    },
     "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
       "version": "4.1.11",
       "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.11.tgz",
@@ -2358,9 +2412,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "6.3.5",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
-      "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
+      "version": "6.3.6",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.6.tgz",
+      "integrity": "sha512-0msEVHJEScQbhkbVTb/4iHZdJ6SXp/AvxL2sjwYQFfBqleHtnCqv1J3sa9zbWz/6kW1m9Tfzn92vW+kZ1WV6QA==",
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
diff --git a/package.json b/package.json
index e5bf788..7f99f80 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "app",
   "homepage": "https://aria-lab.cs.utah.edu/",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite --host",
@@ -25,6 +25,6 @@
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.5.1",
-    "vite": "^6.3.5"
+    "vite": "^6.3.6"
   }
 }
diff --git a/src/App.jsx b/src/App.jsx
index c5ee0e3..b2317d4 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -23,6 +23,7 @@ const AppContent = () => {
     const matchedRoute = routes.find(r => r.path === `/${path}`);
     const title = matchedRoute?.title ? `${matchedRoute.title}` : 'ARIA Lab';
     document.title = `${title} | Align Robust Interactive Autonomy Lab`;
+    window.scrollTo(0, 0);
   }, [location]);
 
   return (
diff --git a/src/components/Button.jsx b/src/components/Button.jsx
index 44ad105..001c1d5 100644
--- a/src/components/Button.jsx
+++ b/src/components/Button.jsx
@@ -5,7 +5,7 @@ const Button = ({title, link }) => {
   return (
     <button 
       onClick={() => window.open(link, '_blank')} 
-      className={`text-ured text-xl`}
+      className={`text-ured text-xl hover:scale-110 transition-all cursor-pointer`}
     >
       <FontAwesomeIcon icon={iconMap[title]} />
     </button>
diff --git a/src/components/ButtonR.jsx b/src/components/ButtonR.jsx
index caf83cc..4433f6b 100644
--- a/src/components/ButtonR.jsx
+++ b/src/components/ButtonR.jsx
@@ -5,7 +5,7 @@ const ButtonR = ({title, link }) => {
   return (
     <button 
       onClick={() => window.open(link, '_blank')} 
-      className={`bg-ured rounded-md py-1 px-2 text-white text-sm flex justify-center items-center gap-xs`}
+      className={`bg-ured rounded-md py-1 px-2 text-white text-sm flex justify-center items-center gap-xs hover:bg-white hover:text-ured border-ured border transition-colors cursor-pointer`}
     >
       <FontAwesomeIcon icon={iconMap[title]} />
       {title}
diff --git a/src/layout/Layout.jsx b/src/layout/Layout.jsx
index dd303fb..99d10c6 100644
--- a/src/layout/Layout.jsx
+++ b/src/layout/Layout.jsx
@@ -6,7 +6,9 @@ const Layout = () => {
   return (
     <main className={`min-h-screen w-screen flex flex-col`} >
       <Header />
-      <Outlet />
+      <div className="outlet-container">
+        <Outlet />
+      </div>
       <Footer />
     </main>
   );
diff --git a/src/pages/Research.jsx b/src/pages/Research.jsx
index df56ea6..7b38f02 100644
--- a/src/pages/Research.jsx
+++ b/src/pages/Research.jsx
@@ -1,9 +1,12 @@
 import { Title } from '@/components';
-import { research } from '@/data';
+import { research, publications } from '@/data';
 
 const Research = () => {
     const data = research.data;
-
+    const pubIndex = new Map(
+        publications.map(p => [p.Id, { title: p.Title, arxiv: p.ArXiv }])
+    );
+    
     return (
         <div className="pages">
             <Title name="Research" />
@@ -46,15 +49,24 @@ const Research = () => {
                                 <span className="font-bold">{'Publications: '}</span>
                                 <span>
                                     {item.Publication.length > 0
-                                        ? <ul>
-                                            {Object.entries(item['Publication']).map(([key, value], index) =>
-                                                <li key={`publication-${index}`} className="list-[circle] ml-8">
-                                                    <span className="font-bold">{`${key}: `}</span>
-                                                    <span >{value}</span>
-                                                </li>
-                                            )}
-                                        </ul>
-                                        : <span className="text-ugray italic">It will be updated soon.</span>
+                                        ? (
+                                            <ul>
+                                                {item.Publication.map((id) => {
+                                                    const pub = pubIndex.get(id);
+                                                    if (!pub) return null;
+                                                    return (
+                                                        <li key={`publication-${id}`} className="list-[circle] ml-8">
+                                                            {
+                                                                pub.arxiv
+                                                                    ? (<a href={pub.arxiv} target="_blank" rel="noreferrer" className="italichover:text-blue-500">{pub.title}</a>)
+                                                                    : (<span>{pub.title}</span>)
+                                                            }
+                                                        </li>
+                                                    );
+                                                })}
+                                            </ul>
+                                        )
+                                        : (<span className="text-ugray italic">It will be updated soon.</span>)
                                     }
                                 </span>
                             </li>