fix header navbar border

platform/ui/src/views/StudyList/components/Header.js

@@ -12,7 +12,7 @@ function Header({ appLogo = OHIFLogo(), children, t }) {
   };
 
   return (
-    <div className="bg-custom-navy flex flex-row justify-between px-3 py-1 text-white sticky top-0 z-10">
+    <div className="bg-custom-navy flex flex-row justify-between px-3 py-1 text-white sticky top-0 z-10 border-b-4 border-black">
       <div className="flex items-center">
         <div className="mx-3">{appLogo}</div>
         <div>{children}</div>

platform/ui/src/views/StudyList/components/StudyListFilter.js

@@ -125,7 +125,7 @@ const StudyListFilter = ({
 
   return (
     <>
-      <div className="border-t-4 border-black">
+      <div>
         <div className="bg-custom-navyDark">
           <div className="container m-auto relative flex flex-col pt-5">
             <div className="flex flex-row justify-between mb-5 px-12">
@@ -178,7 +178,7 @@ const StudyListFilter = ({
           </div>
         </div>
       </div>
-      <div className="sticky z-10" style={{ top: 54 }}>
+      <div className="sticky z-10" style={{ top: 58 }}>
         <div className="bg-custom-navyDark pt-3 pb-3 border-b-4 border-black">
           <div className="container m-auto relative flex flex-col">
             <div className="flex flex-row w-full">