diff --git a/src/client/components/monitor/provider/http.tsx b/src/client/components/monitor/provider/http.tsx
index ab2cf93..6a04fc9 100644
--- a/src/client/components/monitor/provider/http.tsx
+++ b/src/client/components/monitor/provider/http.tsx
@@ -1,4 +1,4 @@
-import { Form, Input, Select, Switch, Typography } from 'antd';
+import { Form, Input, InputNumber, Select, Switch, Typography } from 'antd';
 import React from 'react';
 import { MonitorOverviewComponent, MonitorProvider } from './types';
 import { trpc } from '../../../api/trpc';
@@ -45,6 +45,9 @@ const MonitorHttp: React.FC = React.memo(() => {
           <Select.Option value="options">OPTIONS</Select.Option>
         </Select>
       </Form.Item>
+      <Form.Item label="Request Timeout(s)" name={['payload', 'timeout']}>
+        <InputNumber defaultValue={30} />
+      </Form.Item>
       <Form.Item
         label="Ignore TLS/SSL error"
         valuePropName="checked"