Add px; update one more test reference

DataBiosphere · Jan 14, 2025 · 335319e · 335319e
1 parent ad32ffd
commit 335319e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/dataset/overview/DatasetOverview.jsx b/src/components/dataset/overview/DatasetOverview.jsx
@@ -34,7 +34,7 @@ const ContentContainer = styled(Box)({
 const MainColumn = styled(Box)({
   display: 'flex',
   flexDirection: 'column',
-  marginLeft: 40,
+  marginLeft: '40px',
 });
 
 function DatasetOverview(props) {

diff --git a/src/components/dataset/overview/DatasetOverviewPanel.jsx b/src/components/dataset/overview/DatasetOverviewPanel.jsx
@@ -42,7 +42,7 @@ const StyledDrawer = styled(Drawer, {
   flexShrink: 0,
   height: 'initial',
   zIndex: 10,
-  minWidth: 300,
+  minWidth: '300px',
   position: 'absolute',
   width: isVisible ? '40%' : 0,
   transition: theme.transitions.create('width', {
@@ -56,7 +56,7 @@ const StyledDrawer = styled(Drawer, {
     flexShrink: 0,
     height: 'initial',
     zIndex: 10,
-    minWidth: isVisible ? 300 : 0,
+    minWidth: isVisible ? '300px' : '0px',
     width: isVisible ? '40%' : 0,
     position: 'absolute',
     transition: theme.transitions.create('width', {

diff --git a/src/components/dataset/overview/DatasetOverviewPanel.test.tsx b/src/components/dataset/overview/DatasetOverviewPanel.test.tsx
@@ -3,7 +3,7 @@ import { mount } from 'cypress/react';
 import { Router } from 'react-router-dom';
 import history from 'modules/hist';
 import { Provider } from 'react-redux';
-import { ThemeProvider } from '@mui/styles';
+import { ThemeProvider } from '@mui/material/styles';
 import globalTheme from 'modules/theme';
 import React from 'react';
 import DatasetOverviewPanel from 'components/dataset/overview/DatasetOverviewPanel';