pagenation style

src/routes/user/Filter.js

@@ -101,7 +101,7 @@ const Filter = ({
         </FilterItem>
       </Col>
       <Col {...TwoColProps} xl={{ span: 10 }} md={{ span: 24 }} sm={{ span: 24 }}>
-        <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+        <div style={{ display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }}>
           <div >
             <Button type="primary" size="large" className="margin-right" onClick={handleSubmit}>Search</Button>
             <Button size="large" onClick={handleReset}>Reset</Button>

src/themes/index.less

@@ -96,10 +96,6 @@ body {
     }
   }
 
-  .ant-pagination-item {
-    margin-bottom: 8px;
-  }
-
   .ant-select-dropdown-menu-item {
     padding: 12px 16px !important;
   }
@@ -125,6 +121,13 @@ body {
 }
 @media (max-width: 767px) {
   :global {
+    .ant-pagination-item,
+    .ant-pagination-next,
+    .ant-pagination-options,
+    .ant-pagination-prev {
+      margin-bottom: 8px;
+    }
+
     .ant-card {
       .ant-card-head {
         padding: 0 12px;