diff --git a/CHANGELOG.md b/CHANGELOG.md
index a5b9684..fd61707 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 * Sort jobs in descending order by start date. Fixes UIHAADM-94.
 * Paginate list of jobs. Fixes UIHAADM-95.
 * Improve DatePicker setup. Fixes UIHAADM-69.
+* Display `<Datepicker>` in full view by using `usePortal`. Fixes UIHAADM-98.
 
 ## [2.0.0](https://github.com/folio-org/ui-harvester-admin/tree/v2.0.0) (2023-10-13)
 
diff --git a/src/search/renderDateFilterPair.js b/src/search/renderDateFilterPair.js
index 4d12558..8e7c68b 100644
--- a/src/search/renderDateFilterPair.js
+++ b/src/search/renderDateFilterPair.js
@@ -26,6 +26,8 @@ function renderSingleDateFilter(intl, filterStruct, updateQuery, field, boundary
         updateQuery({ filters: deparseFilters(fs2) });
       }}
       useInput
+      usePortal
+      placement="right"
     />
   );
 }
diff --git a/src/views/Jobs/Jobs.js b/src/views/Jobs/Jobs.js
index 23529ba..d163558 100644
--- a/src/views/Jobs/Jobs.js
+++ b/src/views/Jobs/Jobs.js
@@ -79,7 +79,7 @@ function Jobs({
             <Paneset id="jobs-paneset">
               <JobsSearchPane
                 {...sasqParams}
-                defaultWidth="25%"
+                defaultWidth="20%"
                 query={query}
                 updateQuery={updateQuery}
               />