diff --git a/src/pages/Recon/SearchForm.js b/src/pages/Recon/SearchForm.js
index 0353df3..45807fd 100644
--- a/src/pages/Recon/SearchForm.js
+++ b/src/pages/Recon/SearchForm.js
@@ -13,6 +13,7 @@ import {PNSPS_BUTTON_THEME} from "../../themes/buttonConst";
 import {ThemeProvider} from "@emotion/react";
 import * as ComboData from "utils/ComboData";
 import * as DateUtils from "utils/DateUtils";
+import Loadable from 'components/Loadable';
 const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent')));
 
 // ==============================|| DASHBOARD - DEFAULT ||============================== //
@@ -314,8 +315,8 @@ const SearchPublicNoticeForm = ({ applySearch, generateReport, searchCriteria,on
                                 {onDownload?
                                     <LoadingComponent disableText={true} alignItems="flex-start"/>
                                 :
-                                    <Grid container>
-                                        <Grid item sx={{ ml: 3, mb: 3, }} >
+                                    <Grid container spacing={3}>
+                                        <Grid item sx={{ ml: 3, mr:3 }} >
                                             <Button
                                                 variant="contained"
                                                 onClick={generateCSVHandler}
@@ -324,7 +325,7 @@ const SearchPublicNoticeForm = ({ applySearch, generateReport, searchCriteria,on
                                             </Button>
                                         </Grid>
                                         
-                                        <Grid item sx={{ ml: 3, mb: 3, }} >
+                                        <Grid item sx={{ ml: 3, }} >
                                             <Button
                                                 variant="contained"
                                                 onClick={generatePDFHandler}