diff --git a/app/components/chart-selection-tabs.tsx b/app/components/chart-selection-tabs.tsx index 91bb64126..83ec3650f 100644 --- a/app/components/chart-selection-tabs.tsx +++ b/app/components/chart-selection-tabs.tsx @@ -306,9 +306,8 @@ const TabsInner = (props: TabsInnerProps) => { return ( { } }} > - + {(provided) => ( { {(provided, snapshot) => { const { style } = provided.draggableProps; + // Limit the drag movement to the x-axis. const transform = style?.transform ? `${style.transform.split(",")[0]}, 0px)` : undefined; @@ -354,16 +350,12 @@ const TabsInner = (props: TabsInnerProps) => { ref={provided.innerRef} {...provided.draggableProps} {...provided.dragHandleProps} - style={{ - ...provided.draggableProps.style, - transform, - opacity: 1, - }} + style={{ ...style, transform, opacity: 1 }} key={d.key} sx={{ mr: 2, p: 0, - background: "white", + background: (theme) => theme.palette.background.paper, border: (theme) => `1px solid ${theme.palette.divider}`, borderBottom: (theme) =>