diff --git a/web/src/app/dashboard/dead-letters/page.tsx b/web/src/app/dashboard/dead-letters/page.tsx
--- a/web/src/app/dashboard/dead-letters/page.tsx
+++ b/web/src/app/dashboard/dead-letters/page.tsx
@@ -560,7 +560,7 @@ onOpenChange={(open) => {
             if (!open) setViewDetail(null);
           }}
         >
-          <SheetContent className="sm:max-w-xl overflow-hidden flex flex-col">
+          <SheetContent className="overflow-hidden flex flex-col">
             {viewDetail && (
               <>
                 <SheetHeader>
diff --git a/web/src/app/dashboard/records/page.tsx b/web/src/app/dashboard/records/page.tsx
--- a/web/src/app/dashboard/records/page.tsx
+++ b/web/src/app/dashboard/records/page.tsx
@@ -442,7 +442,7 @@ onOpenChange={(open) => {
             if (!open) setViewRecord(null);
           }}
         >
-          <SheetContent className="sm:max-w-xl overflow-hidden flex flex-col">
+          <SheetContent className="overflow-hidden flex flex-col">
             {viewRecord && (
               <>
                 <SheetHeader>
diff --git a/web/src/components/ui/sheet.tsx b/web/src/components/ui/sheet.tsx
--- a/web/src/components/ui/sheet.tsx
+++ b/web/src/components/ui/sheet.tsx
@@ -62,9 +62,9 @@ data-slot="sheet-content"
         className={cn(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           side === "right" &&
-            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-[90%] border-l lg:w-1/2",
           side === "left" &&
-            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-[90%] border-r lg:w-1/2",
           side === "top" &&
             "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
           side === "bottom" &&