diff --git a/.changeset/honest-roses-pretend.md b/.changeset/honest-roses-pretend.md
new file mode 100644
index 00000000..4d71eb61
--- /dev/null
+++ b/.changeset/honest-roses-pretend.md
@@ -0,0 +1,5 @@
+---
+'@alita/flow': patch
+---
+
+fix: div types and reset props
diff --git a/packages/flow/package.json b/packages/flow/package.json
index 5b8a9316..7f52fed8 100644
--- a/packages/flow/package.json
+++ b/packages/flow/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@alita/flow",
-  "version": "3.0.0-beta.4",
+  "version": "3.0.0-beta.5",
   "description": "@alita/flow",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
diff --git a/packages/flow/src/components/Content/index.tsx b/packages/flow/src/components/Content/index.tsx
index adedc288..e7454a0f 100644
--- a/packages/flow/src/components/Content/index.tsx
+++ b/packages/flow/src/components/Content/index.tsx
@@ -9,7 +9,9 @@ import React from 'react';
  * </Page>
  * ```
  */
-const Content: React.FC = ({ children }) => {
+const Content: React.FC<
+  React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
+> = ({ children, ...reset }) => {
   return (
     <div
       style={{
@@ -27,6 +29,7 @@ const Content: React.FC = ({ children }) => {
         WebkitOverflowScrolling: 'touch',
         overscrollBehaviorY: 'contain',
       }}
+      {...reset}
     >
       {children}
     </div>
diff --git a/packages/flow/src/components/Footer/index.tsx b/packages/flow/src/components/Footer/index.tsx
index a4899309..07050f6c 100644
--- a/packages/flow/src/components/Footer/index.tsx
+++ b/packages/flow/src/components/Footer/index.tsx
@@ -9,7 +9,9 @@ import React from 'react';
  * </Page>
  * ```
  */
-const Footer: React.FC = ({ children }) => {
+const Footer: React.FC<
+  React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
+> = ({ children, ...reset }) => {
   return (
     <div
       style={{
@@ -19,6 +21,7 @@ const Footer: React.FC = ({ children }) => {
         order: '1',
         width: '100%',
       }}
+      {...reset}
     >
       {children}
     </div>
diff --git a/packages/flow/src/components/Header/index.tsx b/packages/flow/src/components/Header/index.tsx
index eebff454..2b3e1794 100644
--- a/packages/flow/src/components/Header/index.tsx
+++ b/packages/flow/src/components/Header/index.tsx
@@ -9,7 +9,9 @@ import React from 'react';
  * </Page>
  * ```
  */
-const Header: React.FC = ({ children }) => {
+const Header: React.FC<
+  React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
+> = ({ children, ...reset }) => {
   return (
     <div
       style={{
@@ -19,6 +21,7 @@ const Header: React.FC = ({ children }) => {
         order: '-1',
         width: '100%',
       }}
+      {...reset}
     >
       {children}
     </div>
diff --git a/packages/flow/src/components/Page/index.tsx b/packages/flow/src/components/Page/index.tsx
index 3fc7e9d2..59acc014 100644
--- a/packages/flow/src/components/Page/index.tsx
+++ b/packages/flow/src/components/Page/index.tsx
@@ -11,7 +11,9 @@ import React from 'react';
  * </Page>
  * ```
  */
-const Page: React.FC = ({ children }) => {
+const Page: React.FC<
+  React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
+> = ({ children, ...reset }) => {
   return (
     <div
       style={{
@@ -26,6 +28,7 @@ const Page: React.FC = ({ children }) => {
         overflow: 'hidden',
         contain: 'layout size style',
       }}
+      {...reset}
     >
       {children}
     </div>