OHIF with Cornerstone3D 2.0 (#4347)

platform/ui-next/src/components/StudyBrowser/StudyBrowser.tsx

@@ -70,24 +70,24 @@ const StudyBrowser = ({
   };
 
   return (
-    <React.Fragment>
+    <div data-cy={'studyBrowser-panel'}>
       {showSettings && (
-        <div
-          className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]"
-          data-cy={'studyBrowser-panel'}
-        >
-          <StudyBrowserViewOptions
-            tabs={tabs}
-            onSelectTab={onClickTab}
-            activeTabName={activeTabName}
-          />
-          <StudyBrowserSort servicesManager={servicesManager} />
+        <div className="w-100 bg-bkg-low flex h-[48px] items-center justify-center gap-[10px] px-[8px] py-[10px]">
+          <>
+            <StudyBrowserViewOptions
+              tabs={tabs}
+              onSelectTab={onClickTab}
+              activeTabName={activeTabName}
+            />
+            <StudyBrowserSort servicesManager={servicesManager} />
+          </>
         </div>
       )}
+
       <div className="ohif-scrollbar invisible-scrollbar bg-bkg-low flex flex-1 flex-col gap-[4px] overflow-auto">
         {getTabContent()}
       </div>
-    </React.Fragment>
+    </div>
   );
 };