diff --git a/web/components/shared/themed/table/themedTable.tsx b/web/components/shared/themed/table/themedTable.tsx
index 9ec41ed637..1854479a3c 100644
--- a/web/components/shared/themed/table/themedTable.tsx
+++ b/web/components/shared/themed/table/themedTable.tsx
@@ -84,7 +84,6 @@ interface ThemedTableV5Props<T extends { id?: string }> {
   children?: React.ReactNode;
   onSelectAll?: (checked: boolean) => void;
   selectedIds?: string[];
-  fullWidth?: boolean;
   isDatasetsPage?: boolean;
   rightPanel?: React.ReactNode;
   search?: {
@@ -122,7 +121,6 @@ export default function ThemedTable<T extends { id?: string }>(
     children,
     onSelectAll,
     selectedIds,
-    fullWidth = false,
     isDatasetsPage,
     rightPanel,
     search,
@@ -236,9 +234,8 @@ export default function ThemedTable<T extends { id?: string }>(
       </div>
 
       {children && <div className="flex-shrink-0">{children}</div>}
-      <ResizablePanelGroup direction="horizontal">
-        <ResizablePanel>
-          {" "}
+      <ResizablePanelGroup direction="horizontal" className="w-full h-full">
+        <ResizablePanel defaultSize={100} className="w-full">
           <div className="h-full overflow-x-auto bg-white dark:bg-black">
             {skeletonLoading ? (
               <LoadingAnimation title="Loading Data..." />
@@ -279,12 +276,10 @@ export default function ThemedTable<T extends { id?: string }>(
                   }}
                 >
                   <table
-                    className="h-full bg-white dark:bg-black"
-                    {...{
-                      style: {
-                        width: fullWidth ? "100%" : table.getCenterTotalSize(),
-                        overflow: "auto",
-                      },
+                    className="w-full h-full bg-white dark:bg-black"
+                    style={{
+                      width: "100%",
+                      overflow: "auto",
                     }}
                   >
                     <thead className="text-[12px] z-[2]">
@@ -361,17 +356,15 @@ export default function ThemedTable<T extends { id?: string }>(
                               key={i}
                               className={clsx(
                                 "py-3 border-t border-slate-300 dark:border-slate-700 px-2 text-slate-700 dark:text-slate-300",
-                                i === 0 && "pl-10", // Add left padding to the first column
-                                i === row.getVisibleCells().length - 1 &&
-                                  "pr-10"
+                                i === 0 && "pl-4",
+                                i === row.getVisibleCells().length - 1 && "pr-4"
                               )}
-                              {...{
-                                style: {
-                                  maxWidth: cell.column.getSize(),
-                                  overflow: "hidden",
-                                  textOverflow: "ellipsis",
-                                  whiteSpace: "nowrap",
-                                },
+                              style={{
+                                maxWidth: cell.column.getSize(),
+                                width: cell.column.getSize(),
+                                overflow: "hidden",
+                                textOverflow: "ellipsis",
+                                whiteSpace: "nowrap",
                               }}
                             >
                               {dataLoading &&
diff --git a/web/components/templates/datasets/datasetsIdPage.tsx b/web/components/templates/datasets/datasetsIdPage.tsx
index 4e2c724158..b664a9f6ab 100644
--- a/web/components/templates/datasets/datasetsIdPage.tsx
+++ b/web/components/templates/datasets/datasetsIdPage.tsx
@@ -268,7 +268,6 @@ const DatasetIdPage = (props: DatasetIdPageProps) => {
         <ThemedTable
           highlightedIds={selectedIds}
           showCheckboxes={selectModeHook}
-          fullWidth={false}
           defaultColumns={[
             {
               header: "Created At",
diff --git a/web/components/templates/datasets/datasetsPage.tsx b/web/components/templates/datasets/datasetsPage.tsx
index 82f8a44cff..f4f5afe982 100644
--- a/web/components/templates/datasets/datasetsPage.tsx
+++ b/web/components/templates/datasets/datasetsPage.tsx
@@ -113,7 +113,6 @@ const DatasetsPage = (props: DatasetsPageProps) => {
           onRowSelect={(row) => {
             router.push(`/datasets/${row.id}`);
           }}
-          fullWidth={true}
         />
       )}
     </>
diff --git a/web/components/templates/prompts/experiments/table/experimentsPage.tsx b/web/components/templates/prompts/experiments/table/experimentsPage.tsx
index 59d339fcc1..b84a9f690f 100644
--- a/web/components/templates/prompts/experiments/table/experimentsPage.tsx
+++ b/web/components/templates/prompts/experiments/table/experimentsPage.tsx
@@ -93,7 +93,6 @@ const ExperimentsPage = (props: ExperimentsPageProps) => {
         onRowSelect={(row) => {
           router.push(`/experiments/${row.id}`);
         }}
-        fullWidth={true}
       />
     </>
   );