fix(ui): worklist had layout shift (#3218)

* fix(ui): worklist had layout shift

* apply review comments

platform/ui/src/components/StudyListFilter/StudyListFilter.tsx

@@ -66,10 +66,7 @@ const StudyListFilter = ({
           </div>
         </div>
       </div>
-      <div
-        className="sticky z-10 border-b-4 border-black"
-        style={{ top: '52px' }}
-      >
+      <div className="sticky z-10 border-b-4 border-black -top-1">
         <div className="pt-3 pb-3 bg-primary-dark ">
           <InputGroup
             inputMeta={filtersMeta}

platform/viewer/src/routes/WorkList/WorkList.tsx

@@ -430,17 +430,14 @@ function WorkList({
   }
 
   return (
-    <div
-      className={classnames('bg-black h-full', {
-        'h-screen': !hasStudies,
-      })}
-    >
+    <div className="bg-black h-screen flex flex-col ">
       <Header
         isSticky
         menuOptions={menuOptions}
         isReturnEnabled={false}
         WhiteLabeling={appConfig.whiteLabeling}
       />
+      <div className="overflow-y-auto ohif-scrollbar">
         <StudyListFilter
           numOfStudies={pageNumber * resultsPerPage > 100 ? 101 : numOfStudies}
           filtersMeta={filtersMeta}
@@ -473,6 +470,7 @@ function WorkList({
           </div>
         )}
       </div>
+    </div>
   );
 }