diff --git a/platform/viewer/src/routes/StudyListContainer/StudyListContainer.jsx b/platform/viewer/src/routes/StudyListContainer/StudyListContainer.jsx
index 053d3f309..496bba2ec 100644
--- a/platform/viewer/src/routes/StudyListContainer/StudyListContainer.jsx
+++ b/platform/viewer/src/routes/StudyListContainer/StudyListContainer.jsx
@@ -36,6 +36,14 @@ function StudyListContainer({ history, data: studies }) {
   const [expandedRows, setExpandedRows] = useState([]);
   const numOfStudies = studies.length;
 
+  // Set body style
+  useEffect(()=> {
+    document.body.classList.add('bg-black');
+    return () => {
+      document.body.classList.remove('bg-black');
+    }
+  }, [])
+
   useEffect(() => {
     if (!debouncedFilterValues) {
       return;