diff --git a/frontend-web/src/components/workspace/skills/skill-detail-dialog.tsx b/frontend-web/src/components/workspace/skills/skill-detail-dialog.tsx
index 62ec4bc3..29d6bb9d 100644
--- a/frontend-web/src/components/workspace/skills/skill-detail-dialog.tsx
+++ b/frontend-web/src/components/workspace/skills/skill-detail-dialog.tsx
@@ -132,8 +132,12 @@ export function SkillDetailDialog({
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent
-        className="flex w-[calc(100vw-2rem)] flex-col gap-0 overflow-hidden p-0 sm:max-w-3xl"
-        style={{ height: "min(760px, calc(100dvh - 2rem))" }}
+        className="flex flex-col gap-0 overflow-hidden p-0"
+        style={{
+          width: "min(48rem, calc(100vw - 2rem))",
+          maxWidth: "none",
+          height: "min(760px, calc(100dvh - 2rem))",
+        }}
       >
         <DialogHeader className="shrink-0 border-b px-6 py-4 pr-12 text-left">
           <div className="flex items-start gap-3">