diff --git a/convex/lib/embeddings.ts b/convex/lib/embeddings.ts
index 972e1c4..2eceacd 100644
--- a/convex/lib/embeddings.ts
+++ b/convex/lib/embeddings.ts
@@ -12,27 +12,40 @@ export async function generateEmbedding(text: string) {
     return emptyEmbedding()
   }
 
-  const response = await fetch('https://api.openai.com/v1/embeddings', {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${apiKey}`,
-    },
-    body: JSON.stringify({
-      model: EMBEDDING_MODEL,
-      input: text,
-    }),
-  })
+  const controller = new AbortController()
+  const timeoutId = setTimeout(() => controller.abort(), 10000) // 10 second timeout
 
-  if (!response.ok) {
-    const message = await response.text()
-    throw new Error(`Embedding failed: ${message}`)
-  }
+  try {
+    const response = await fetch('https://api.openai.com/v1/embeddings', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${apiKey}`,
+      },
+      body: JSON.stringify({
+        model: EMBEDDING_MODEL,
+        input: text,
+      }),
+      signal: controller.signal,
+    })
+
+    if (!response.ok) {
+      const message = await response.text()
+      throw new Error(`Embedding failed: ${message}`)
+    }
 
-  const payload = (await response.json()) as {
-    data?: Array<{ embedding: number[] }>
+    const payload = (await response.json()) as {
+      data?: Array<{ embedding: number[] }>
+    }
+    const embedding = payload.data?.[0]?.embedding
+    if (!embedding) throw new Error('Embedding missing from response')
+    return embedding
+  } catch (error) {
+    if (error instanceof Error && error.name === 'AbortError') {
+      throw new Error('OpenAI API request timed out after 10 seconds')
+    }
+    throw error
+  } finally {
+    clearTimeout(timeoutId)
   }
-  const embedding = payload.data?.[0]?.embedding
-  if (!embedding) throw new Error('Embedding missing from response')
-  return embedding
 }
diff --git a/convex/search.ts b/convex/search.ts
index c5f9234..332d1c7 100644
--- a/convex/search.ts
+++ b/convex/search.ts
@@ -120,7 +120,7 @@ export const hydrateResults = internalQuery({
       }),
     )
 
-    return entries.filter((entry): entry is HydratedEntry => entry !== null)
+    return entries.filter((entry) => entry !== null) as HydratedEntry[]
   },
 })
 
diff --git a/src/routes/skills/index.tsx b/src/routes/skills/index.tsx
index 3c95e1b..b406809 100644
--- a/src/routes/skills/index.tsx
+++ b/src/routes/skills/index.tsx
@@ -222,17 +222,17 @@ export function SkillsIndex() {
 
   return (
     <main className="section">
-      <header className="skills-header">
-        <div>
-          <h1 className="section-title" style={{ marginBottom: 8 }}>
-            Skills
-          </h1>
-          <p className="section-subtitle" style={{ marginBottom: 0 }}>
-            {isLoadingSkills
-              ? 'Loading skills…'
-              : `Browse the skill library${highlightedOnly ? ' (highlighted)' : ''}.`}
-          </p>
-        </div>
+      <header className="skills-header-top">
+        <h1 className="section-title" style={{ marginBottom: 8 }}>
+          Skills
+        </h1>
+        <p className="section-subtitle" style={{ marginBottom: 0 }}>
+          {isLoadingSkills
+            ? 'Loading skills…'
+            : `Browse the skill library${highlightedOnly ? ' (highlighted)' : ''}.`}
+        </p>
+      </header>
+      <div className="skills-container">
         <div className="skills-toolbar">
           <div className="skills-search">
             <input
@@ -323,7 +323,6 @@ export function SkillsIndex() {
             </button>
           </div>
         </div>
-      </header>
 
       {isLoadingSkills ? (
         <div className="card">
@@ -394,6 +393,7 @@ export function SkillsIndex() {
           })}
         </div>
       )}
+      </div>
 
       {canLoadMore ? (
         <div
diff --git a/src/styles.css b/src/styles.css
index 76205bb..3a458b3 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -752,6 +752,16 @@ code {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   gap: 20px;
+  max-width: 100%;
+}
+
+.skills-header-top {
+  margin-bottom: 22px;
+}
+
+.skills-container {
+  max-width: 900px;
+  margin: 0 auto;
 }
 
 .skills-header {
@@ -770,7 +780,7 @@ code {
   border-radius: 18px;
   border: 1px solid rgba(255, 107, 74, 0.18);
   background: linear-gradient(135deg, var(--surface), var(--surface-muted));
-  min-width: min(520px, 100%);
+  margin-bottom: 22px;
 }
 
 .skills-search {