diff --git a/frontend/src/components/FunixFunction/ObjectFieldExtendedTemplate.tsx b/frontend/src/components/FunixFunction/ObjectFieldExtendedTemplate.tsx
index fca2fb6..d6824b8 100644
--- a/frontend/src/components/FunixFunction/ObjectFieldExtendedTemplate.tsx
+++ b/frontend/src/components/FunixFunction/ObjectFieldExtendedTemplate.tsx
@@ -315,6 +315,8 @@ const ObjectFieldExtendedTemplate = (props: ObjectFieldProps) => {
                       Column Preview
                     </Typography>
                     <DataGrid
+                      pagination
+                      autoPageSize
                       columns={[{ field: elementProps.name, minWidth: 350 }]}
                       rows={candidateRows}
                       sx={{ minHeight: 400 }}
@@ -956,6 +958,8 @@ const ObjectFieldExtendedTemplate = (props: ObjectFieldProps) => {
             </Stack>
             <Box sx={{ height: 400, mt: 1, paddingRight: 1 }}>
               <DataGrid
+                pagination
+                autoPageSize
                 columns={columns}
                 columnVisibilityModel={{
                   id: false,
diff --git a/frontend/src/components/FunixFunction/OutputComponents/OutputDataframe.tsx b/frontend/src/components/FunixFunction/OutputComponents/OutputDataframe.tsx
index 88989aa..d7d197b 100644
--- a/frontend/src/components/FunixFunction/OutputComponents/OutputDataframe.tsx
+++ b/frontend/src/components/FunixFunction/OutputComponents/OutputDataframe.tsx
@@ -42,6 +42,8 @@ export default function OutputDataframe(props: {
   return (
     <Box sx={{ height: 400, width: "100%" }}>
       <DataGrid
+        pagination
+        autoPageSize
         rows={newDataframe}
         columns={columns}
         components={{
diff --git a/frontend/src/components/FunixFunction/OutputPanel.tsx b/frontend/src/components/FunixFunction/OutputPanel.tsx
index 0bf3891..48b177b 100644
--- a/frontend/src/components/FunixFunction/OutputPanel.tsx
+++ b/frontend/src/components/FunixFunction/OutputPanel.tsx
@@ -112,6 +112,8 @@ const OutputPanel = (props: {
             else if (props.selectedResponseViewType === "sheet")
               return (
                 <DataGrid
+                  pagination
+                  autoPageSize
                   columns={[
                     { field: "id", headerName: "ID" },
                     { field: "value", headerName: "Root" },
@@ -174,6 +176,8 @@ const OutputPanel = (props: {
                 }
                 const grid = (
                   <DataGrid
+                    pagination
+                    autoPageSize
                     columns={keysOfArraysInSheet.map((key) => ({
                       field: key,
                     }))}