diff --git a/libs/shared/lib/vis/components/config/panel.tsx b/libs/shared/lib/vis/components/config/panel.tsx
index ce1b1c9de7e560317e099faa181878a412728b52..3e7d04c4e4c8dec5309b2343d468f0b564898425 100644
--- a/libs/shared/lib/vis/components/config/panel.tsx
+++ b/libs/shared/lib/vis/components/config/panel.tsx
@@ -45,7 +45,7 @@ export function ConfigPanel({ manager }: Props) {
             </div>
           </div>
           {manager.activeVisualization && (
-            <div className="border-b p-4">
+            <div className="border-b p-4 w-full">
               <SettingsHeader name="Configuration" />
               {manager.renderSettings()}
             </div>
@@ -54,19 +54,19 @@ export function ConfigPanel({ manager }: Props) {
       ) : (
         <div>
           {session && session.currentSaveState && (
-              <div className="flex flex-col p-4 border-b">
-                <span className="text-sm font-bold">Connection details</span>
-                <span className="text-xs font-semibold">Name</span>
-                <span className="text-xs">{session.saveStates[session.currentSaveState].name}</span>
-                <span className="text-xs font-semibold">Database</span>
-                <span className="text-xs">{session.saveStates[session.currentSaveState].db.internalDatabaseName}</span>
-                <span className="text-xs font-semibold">Protocol</span>
-                <span className="text-xs">{session.saveStates[session.currentSaveState].db.protocol}</span>
-                <span className="text-xs font-semibold">Hostname</span>
-                <span className="text-xs">{session.saveStates[session.currentSaveState].db.url}</span>
-                <span className="text-xs font-semibold">Port</span>
-                <span className="text-xs">{session.saveStates[session.currentSaveState].db.port}</span>
-              </div>
+            <div className="flex flex-col p-4 border-b">
+              <span className="text-sm font-bold">Connection details</span>
+              <span className="text-xs font-semibold">Name</span>
+              <span className="text-xs">{session.saveStates[session.currentSaveState].name}</span>
+              <span className="text-xs font-semibold">Database</span>
+              <span className="text-xs">{session.saveStates[session.currentSaveState].db.internalDatabaseName}</span>
+              <span className="text-xs font-semibold">Protocol</span>
+              <span className="text-xs">{session.saveStates[session.currentSaveState].db.protocol}</span>
+              <span className="text-xs font-semibold">Hostname</span>
+              <span className="text-xs">{session.saveStates[session.currentSaveState].db.url}</span>
+              <span className="text-xs font-semibold">Port</span>
+              <span className="text-xs">{session.saveStates[session.currentSaveState].db.port}</span>
+            </div>
           )}
         </div>
       )}
diff --git a/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx b/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
index 7a81371514b5a9adce59761442ea68aa83e3e6f2..fe64937cc020e3e525213b91d68a41d7ee8ae73f 100644
--- a/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
+++ b/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
@@ -102,52 +102,50 @@ const TableSettings = ({
 
   return (
     <SettingsContainer>
-      <div className="overflow-x-hidden w-6">
-        <Input
-          type="dropdown"
-          label="Select entity"
-          value={configuration.displayEntity}
-          onChange={(val) => updateSettings({ displayEntity: val })}
-          options={graphMetadata.nodes.labels}
-        />
-        <Input
-          type="boolean"
-          label="Show barplot"
-          value={configuration.showBarplot}
-          onChange={(val) => updateSettings({ showBarplot: val })}
-        />
-        <Input
-          type="dropdown"
-          label="Items per page"
-          value={configuration.itemsPerPage}
-          onChange={(val) => updateSettings({ itemsPerPage: val })}
-          options={[10, 25, 50, 100]}
-        />
-        <div>
-          <span className="text-sm">Attributes to display:</span>
-          <Button
-            className="w-full text-justify justify-start"
-            type="secondary"
-            variant="ghost"
-            size="sm"
-            onClick={toggleCollapseAttr}
-            iconComponent={<ArrowDropDown />}
-          >
-            attributes:{' '}
-          </Button>
-          <div className="">
-            {!areCollapsedAttr && (
-              <Input
-                type="checkbox"
-                value={configuration.displayAttributes}
-                options={selectedNodeAttributes}
-                onChange={(val: string[] | string) => {
-                  const updatedVal = Array.isArray(val) ? val : [val];
-                  updateSettings({ displayAttributes: updatedVal });
-                }}
-              />
-            )}
-          </div>
+      <Input
+        type="dropdown"
+        label="Select entity"
+        value={configuration.displayEntity}
+        onChange={(val) => updateSettings({ displayEntity: val })}
+        options={graphMetadata.nodes.labels}
+      />
+      <Input
+        type="boolean"
+        label="Show barplot"
+        value={configuration.showBarplot}
+        onChange={(val) => updateSettings({ showBarplot: val })}
+      />
+      <Input
+        type="dropdown"
+        label="Items per page"
+        value={configuration.itemsPerPage}
+        onChange={(val) => updateSettings({ itemsPerPage: val })}
+        options={[10, 25, 50, 100]}
+      />
+      <div>
+        <span className="text-sm">Attributes to display:</span>
+        <Button
+          className="w-full text-justify justify-start"
+          type="secondary"
+          variant="ghost"
+          size="sm"
+          onClick={toggleCollapseAttr}
+          iconComponent={<ArrowDropDown />}
+        >
+          attributes:{' '}
+        </Button>
+        <div className="">
+          {!areCollapsedAttr && (
+            <Input
+              type="checkbox"
+              value={configuration.displayAttributes}
+              options={selectedNodeAttributes}
+              onChange={(val: string[] | string) => {
+                const updatedVal = Array.isArray(val) ? val : [val];
+                updateSettings({ displayAttributes: updatedVal });
+              }}
+            />
+          )}
         </div>
       </div>
     </SettingsContainer>