diff --git a/apps/www/app/(app)/examples/mail/components/mail.tsx b/apps/www/app/(app)/examples/mail/components/mail.tsx
index 9c1bdca0e6..68066006c5 100644
--- a/apps/www/app/(app)/examples/mail/components/mail.tsx
+++ b/apps/www/app/(app)/examples/mail/components/mail.tsx
@@ -62,7 +62,6 @@ export function Mail({
   return (
     <TooltipProvider delayDuration={0}>
       <ResizablePanelGroup
-        disablePointerEventsDuringResize
         direction="horizontal"
         onLayout={(sizes: number[]) => {
           document.cookie = `react-resizable-panels:layout:mail=${JSON.stringify(
@@ -77,10 +76,16 @@ export function Mail({
           collapsible={true}
           minSize={15}
           maxSize={20}
-          onCollapse={(collapsed) => {
-            setIsCollapsed(collapsed)
+          onCollapse={() => {
+            setIsCollapsed(true)
             document.cookie = `react-resizable-panels:collapsed=${JSON.stringify(
-              collapsed
+              true
+            )}`
+          }}
+          onResize={() => {
+            setIsCollapsed(false)
+            document.cookie = `react-resizable-panels:collapsed=${JSON.stringify(
+              false
             )}`
           }}
           className={cn(