diff --git a/packages/react/src/components/SheetOverlay/ColumnHeader.tsx b/packages/react/src/components/SheetOverlay/ColumnHeader.tsx
index 7be4d6dd..af770262 100644
--- a/packages/react/src/components/SheetOverlay/ColumnHeader.tsx
+++ b/packages/react/src/components/SheetOverlay/ColumnHeader.tsx
@@ -220,7 +220,7 @@ const ColumnHeader: React.FC = () => {
         className="fortune-cols-freeze-handle"
         onMouseDown={onColFreezeHandleMouseDown}
         style={{
-          left: freezeHandleLeft,
+          left: freezeHandleLeft || 0,
         }}
       />
       <div
diff --git a/packages/react/src/components/SheetOverlay/RowHeader.tsx b/packages/react/src/components/SheetOverlay/RowHeader.tsx
index a2f0749c..0a68e3f6 100644
--- a/packages/react/src/components/SheetOverlay/RowHeader.tsx
+++ b/packages/react/src/components/SheetOverlay/RowHeader.tsx
@@ -210,7 +210,7 @@ const RowHeader: React.FC = () => {
         className="fortune-rows-freeze-handle"
         onMouseDown={onRowFreezeHandleMouseDown}
         style={{
-          top: freezeHandleTop,
+          top: freezeHandleTop || 0,
         }}
       />
       <div