diff --git a/src/components/dashboard/machinary-office/index.jsx b/src/components/dashboard/machinary-office/index.jsx
index 44b2a79..12a6316 100644
--- a/src/components/dashboard/machinary-office/index.jsx
+++ b/src/components/dashboard/machinary-office/index.jsx
@@ -24,6 +24,7 @@ function DashboardMachinaryOfficeComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
@@ -94,13 +95,10 @@ function DashboardMachinaryOfficeComponent() {
         enableColumnFilter: true,
         datatype: "date",
         filterFn: "lessThan",
+        minSize: 200,
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => {
-          return (
-            <Typography variant="body2" style={{ minWidth: "200px" }}>
-              {renderedCellValue}
-            </Typography>
-          );
+          return <Typography variant="body2">{renderedCellValue}</Typography>;
         },
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -147,6 +145,7 @@ function DashboardMachinaryOfficeComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
diff --git a/src/components/dashboard/passenger-boss/index.jsx b/src/components/dashboard/passenger-boss/index.jsx
index c39322d..444e405 100644
--- a/src/components/dashboard/passenger-boss/index.jsx
+++ b/src/components/dashboard/passenger-boss/index.jsx
@@ -26,6 +26,7 @@ function DashboardPassengerOfficeComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
@@ -96,13 +97,10 @@ function DashboardPassengerOfficeComponent() {
         enableColumnFilter: true,
         datatype: "date",
         filterFn: "lessThan",
+        minSize: 200,
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => {
-          return (
-            <Typography variant="body2" style={{ minWidth: "200px" }}>
-              {renderedCellValue}
-            </Typography>
-          );
+          return <Typography variant="body2">{renderedCellValue}</Typography>;
         },
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -149,6 +147,7 @@ function DashboardPassengerOfficeComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
diff --git a/src/components/dashboard/passenger-office/index.jsx b/src/components/dashboard/passenger-office/index.jsx
index 0452e08..2694501 100644
--- a/src/components/dashboard/passenger-office/index.jsx
+++ b/src/components/dashboard/passenger-office/index.jsx
@@ -25,6 +25,7 @@ function DashboardPassengerOfficeComponent() {
         header: t("PassengerOffice.id"),
         enableColumnFilter: true,
         datatype: "numeric",
+        maxSize: 100,
         filterFn: "equals",
         columnFilterModeOptions: [
           "equals",
@@ -96,13 +97,10 @@ function DashboardPassengerOfficeComponent() {
         enableColumnFilter: true,
         datatype: "date",
         filterFn: "lessThan",
+        minSize: 200,
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => {
-          return (
-            <Typography variant="body2" style={{ minWidth: "200px" }}>
-              {renderedCellValue}
-            </Typography>
-          );
+          return <Typography variant="body2">{renderedCellValue}</Typography>;
         },
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -148,6 +146,7 @@ function DashboardPassengerOfficeComponent() {
         header: t("PassengerOffice.navgan_id"),
         enableColumnFilter: true,
         datatype: "numeric",
+        maxSize: 100,
         filterFn: "equals",
         columnFilterModeOptions: [
           "equals",
diff --git a/src/components/dashboard/province-manager/index.jsx b/src/components/dashboard/province-manager/index.jsx
index fed9e47..71d2e96 100644
--- a/src/components/dashboard/province-manager/index.jsx
+++ b/src/components/dashboard/province-manager/index.jsx
@@ -26,6 +26,7 @@ function DashboardProvinceManagerComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
@@ -96,13 +97,10 @@ function DashboardProvinceManagerComponent() {
         enableColumnFilter: true,
         datatype: "date",
         filterFn: "lessThan",
+        minSize: 200,
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => {
-          return (
-            <Typography variant="body2" style={{ minWidth: "200px" }}>
-              {renderedCellValue}
-            </Typography>
-          );
+          return <Typography variant="body2">{renderedCellValue}</Typography>;
         },
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -149,6 +147,7 @@ function DashboardProvinceManagerComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
diff --git a/src/components/dashboard/transportation-assistance/index.jsx b/src/components/dashboard/transportation-assistance/index.jsx
index 3b6b630..0984d8b 100644
--- a/src/components/dashboard/transportation-assistance/index.jsx
+++ b/src/components/dashboard/transportation-assistance/index.jsx
@@ -24,6 +24,7 @@ function DashboardTransportationAssistanceComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",
@@ -94,12 +95,11 @@ function DashboardTransportationAssistanceComponent() {
         header: t("TransportationAssistance.created_at"),
         enableColumnFilter: true,
         datatype: "date",
+        minSize: 200,
         filterFn: "lessThan",
         columnFilterModeOptions: ["lessThan", "greaterThan"],
         Cell: ({ renderedCellValue }) => (
-          <Typography variant="body2" style={{ minWidth: "200px" }}>
-            {renderedCellValue}
-          </Typography>
+          <Typography variant="body2">{renderedCellValue}</Typography>
         ),
         Header: ({ column }) => <em>{column.columnDef.header}</em>,
         Filter: ({ column }) => {
@@ -146,6 +146,7 @@ function DashboardTransportationAssistanceComponent() {
         enableColumnFilter: true,
         datatype: "numeric",
         filterFn: "equals",
+        maxSize: 100,
         columnFilterModeOptions: [
           "equals",
           "notEquals",