diff --git a/src/views/AgentGroupCount.jsx b/src/views/AgentGroupCount.jsx
index 2cc8697..e3ceefd 100644
--- a/src/views/AgentGroupCount.jsx
+++ b/src/views/AgentGroupCount.jsx
@@ -36,8 +36,8 @@ const AgentGroupCount = () => {
   return (
     <>
       <Space direction="vertical" style={{ width: '100%' }}>
-        <Row gutter={{ md: 24 }} justify="end">
-          <Col span={4}>
+        <Row gutter={{  sm: 16, lg: 32 }} justify="end">
+        <Col md={24} lg={8} xxl={8}>
             <Select
               value={customerServicesStore.selectedAgent}
               style={{ width: '95%' }}
@@ -56,13 +56,13 @@ const AgentGroupCount = () => {
               {agentList.map(renderAgentItem)}
             </Select>
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <GroupSelect value={customerServicesStore.selectedTeam}
               onChange={(value) => customerServicesStore.selectTeam(value)}
               style={{ width: '95%' }} show_all={true}
             />
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <Select
               value={customerServicesStore.selectedCountry}
               style={{ width: '95%' }}
@@ -79,7 +79,7 @@ const AgentGroupCount = () => {
               </Select.Option>
             </Select>
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <Select
               value={dateType}
               style={{ width: '95%' }}
@@ -93,7 +93,7 @@ const AgentGroupCount = () => {
               </Select.Option>
             </Select>
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <DatePicker.RangePicker
               format={config.DATE_FORMAT}
               locale={zhCNlocale}
@@ -120,7 +120,7 @@ const AgentGroupCount = () => {
               }}
             />
           </Col>
-          <Col span={4}>
+          <Col md={24} lg={8} xxl={8}>
             <Button
               type="primary"
               icon={<SearchOutlined />}