diff --git a/web/src/features/skill/markdown-renderer.tsx b/web/src/features/skill/markdown-renderer.tsx
index f90ae9d3..e9761a2e 100644
--- a/web/src/features/skill/markdown-renderer.tsx
+++ b/web/src/features/skill/markdown-renderer.tsx
@@ -134,7 +134,7 @@ function MarkdownRendererComponent({ content, className, onLinkClick }: Markdown
             }
 
             return (
-              <code className={codeClassName} {...props}>
+              <code className={cn(codeClassName, 'text-foreground/90')} {...props}>
                 {children}
               </code>
             )
diff --git a/web/src/features/suite/suite-member-table.tsx b/web/src/features/suite/suite-member-table.tsx
index 3848f23c..0f16062d 100644
--- a/web/src/features/suite/suite-member-table.tsx
+++ b/web/src/features/suite/suite-member-table.tsx
@@ -48,14 +48,14 @@ export function SuiteMemberTable({ suite, returnTo, management = false, onEdit }
           const identity = (
             <div className="min-w-0">
               <div className="flex flex-wrap items-center gap-2">
-                <span className={cn('truncate font-medium', navigable && 'text-blue-700 dark:text-blue-300')}>{memberName}</span>
+                <span className={cn('truncate font-medium', navigable && 'text-blue-700 dark:text-blue-300')} title={memberName}>{memberName}</span>
                 {member.entry ? (
                   <span className="rounded-md border border-blue-500/20 bg-blue-500/10 px-1.5 py-0.5 text-[11px] font-medium text-blue-700 dark:text-blue-300">
                     {t('suite.entrySkill')}
                   </span>
                 ) : null}
               </div>
-              <p className="mt-0.5 truncate font-mono text-xs text-muted-foreground">{coordinate}</p>
+              <p className="mt-0.5 truncate font-mono text-xs text-muted-foreground" title={coordinate}>{coordinate}</p>
               {member.summary ? (
                 <p className="mt-1 line-clamp-1 text-xs text-muted-foreground md:hidden">{member.summary}</p>
               ) : null}
diff --git a/web/src/index.css b/web/src/index.css
index 5be47fd4..f227a8a8 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -506,7 +506,7 @@
 .hljs-symbol,
 .hljs-bullet,
 .hljs-addition {
-  color: hsl(var(--accent) / 0.9);
+  color: hsl(var(--primary) / 0.85);
 }
 
 .hljs-number,
diff --git a/web/src/pages/dashboard/suite-editor.tsx b/web/src/pages/dashboard/suite-editor.tsx
index f96f3750..d3e31df8 100644
--- a/web/src/pages/dashboard/suite-editor.tsx
+++ b/web/src/pages/dashboard/suite-editor.tsx
@@ -641,8 +641,8 @@ export function SuiteEditor({ namespace: routeNamespace, slug: routeSlug, versio
                 <div key={member.skillVersionId} className={cn('rounded-lg border p-2.5', isEntry && 'border-amber-300 bg-amber-50/60 dark:bg-amber-950/20')}>
                   <div className="flex flex-wrap items-center gap-2">
                     <button type="button" className="min-w-[220px] flex-1 text-left" onClick={() => setEntrySkillVersionId(member.skillVersionId)}>
-                      <span className="block truncate text-sm font-medium">{member.displayName}</span>
-                      <span className="text-xs text-muted-foreground">@{member.namespace}/{member.slug}@{member.version}</span>
+                      <span className="block truncate text-sm font-medium" title={member.displayName}>{member.displayName}</span>
+                      <span className="truncate text-xs text-muted-foreground" title={`@${member.namespace}/${member.slug}@${member.version}`}>@{member.namespace}/{member.slug}@{member.version}</span>
                     </button>
                     {isEntry ? <span className="rounded-full bg-amber-200/80 px-2 py-0.5 text-xs text-amber-900">{t('suite.entrySkill')}</span> : null}
                     <Button className="h-7 w-7 p-0" aria-label={t('suite.moveMemberUp', { name: member.displayName })} variant="outline" size="sm" disabled={index === 0} onClick={() => moveMember(index, -1)}><ArrowUp className="h-3.5 w-3.5" aria-hidden="true" /></Button>
diff --git a/web/src/pages/suite-detail.tsx b/web/src/pages/suite-detail.tsx
index 7edf95c5..7a6800cd 100644
--- a/web/src/pages/suite-detail.tsx
+++ b/web/src/pages/suite-detail.tsx
@@ -168,7 +168,7 @@ export function SuiteDetailPage() {
                 <section>
                   <h2 className="text-sm font-semibold">{t('suite.startWithEntry')}</h2>
                   <p className="mt-1 text-xs leading-5 text-muted-foreground">{t('suite.entrySnapshotDescription')}</p>
-                  <div className="mt-3 border-y border-border/70 py-3">
+                  <div className="mt-3 border-y py-3">
                     <p className="truncate text-sm font-medium">
                       {entryMember.displayName || `@${entryMember.namespace}/${entryMember.slug}`}
                     </p>