diff --git a/packages/web/src/widgets/WidgetColumnBar.js b/packages/web/src/widgets/WidgetColumnBar.js
index b327026a0..bc19d3377 100644
--- a/packages/web/src/widgets/WidgetColumnBar.js
+++ b/packages/web/src/widgets/WidgetColumnBar.js
@@ -54,17 +54,16 @@ export default function WidgetColumnBar({ children }) {
{childArray.map((widget, index) => {
if (!widget) return null;
return (
- <>
+
toggleCollapsed(widget.props.name)}>{widget.props.title}
x && !collapsedWidgets.includes(x.props.name))}
/>
- >
+
);
})}
diff --git a/packages/web/src/widgets/WidgetStyles.js b/packages/web/src/widgets/WidgetStyles.js
index 77c4c9607..5d2a39de7 100644
--- a/packages/web/src/widgets/WidgetStyles.js
+++ b/packages/web/src/widgets/WidgetStyles.js
@@ -1,7 +1,7 @@
// @ts-nocheck
import React from 'react';
import styled from 'styled-components';
-import theme from '../theme';
+// import theme from '../theme';
import { useLeftPanelWidth } from '../utility/globalState';
export const SearchBoxWrapper = styled.div`
@@ -20,18 +20,18 @@ export const WidgetsMainContainer = styled.div`
const StyledWidgetsOuterContainer = styled.div`
overflow: hidden;
- width: ${(props) => props.leftPanelWidth}px;
+ // width: ${(props) => props.leftPanelWidth}px;
position: relative;
flex-direction: column;
display: flex;
`;
export function WidgetsOuterContainer({ children, style = undefined, refNode = undefined }) {
- const leftPanelWidth = useLeftPanelWidth();
+ // const leftPanelWidth = useLeftPanelWidth();
return (