diff --git a/src/user/campaignList/CampaignList.tsx b/src/user/campaignList/CampaignList.tsx
index 439d671cc..093e41f2a 100644
--- a/src/user/campaignList/CampaignList.tsx
+++ b/src/user/campaignList/CampaignList.tsx
@@ -80,7 +80,8 @@ export function CampaignList({
renderCell: ({ row }) => (
),
- width: 150,
+ minWidth: 120,
+ maxWidth: 150,
},
{
field: "budget",
@@ -88,7 +89,8 @@ export function CampaignList({
renderCell: ({ row }) => renderMonetaryAmount(row.budget, row.currency),
align: "right",
headerAlign: "right",
- width: 150,
+ minWidth: 100,
+ maxWidth: 150,
},
{
field: "spend",
@@ -98,7 +100,8 @@ export function CampaignList({
renderEngagementCell(loading, row, "spend", engagementData),
align: "right",
headerAlign: "right",
- width: 150,
+ minWidth: 100,
+ maxWidth: 150,
},
{
field: "view",
@@ -108,7 +111,8 @@ export function CampaignList({
renderEngagementCell(loading, row, "view", engagementData),
align: "right",
headerAlign: "right",
- width: 250,
+ minWidth: 100,
+ maxWidth: 250,
},
{
field: "click",
@@ -118,7 +122,8 @@ export function CampaignList({
renderEngagementCell(loading, row, "click", engagementData),
align: "right",
headerAlign: "right",
- width: 250,
+ minWidth: 100,
+ maxWidth: 250,
},
{
field: "landed",
@@ -129,7 +134,8 @@ export function CampaignList({
renderEngagementCell(loading, row, "landed", engagementData),
align: "right",
headerAlign: "right",
- width: 250,
+ minWidth: 100,
+ maxWidth: 250,
},
{
field: "startAt",
diff --git a/src/user/views/user/AdDetailTable.tsx b/src/user/views/user/AdDetailTable.tsx
index cb255e1ae..a57e442cc 100644
--- a/src/user/views/user/AdDetailTable.tsx
+++ b/src/user/views/user/AdDetailTable.tsx
@@ -36,7 +36,8 @@ export function AdDetailTable({
),
align: "right",
headerAlign: "right",
- width: 250,
+ minWidth: 100,
+ maxWidth: 250,
},
{
field: "view",
@@ -46,7 +47,8 @@ export function AdDetailTable({
renderStatsCell(loading, "views", engagements.get(row.id)),
align: "right",
headerAlign: "right",
- width: 250,
+ minWidth: 100,
+ maxWidth: 250,
},
{
field: "click",
@@ -56,7 +58,8 @@ export function AdDetailTable({
renderStatsCell(loading, "clicks", engagements.get(row.id)),
align: "right",
headerAlign: "right",
- width: 250,
+ minWidth: 100,
+ maxWidth: 250,
},
{
field: "landed",
@@ -66,7 +69,8 @@ export function AdDetailTable({
renderStatsCell(loading, "landings", engagements.get(row.id)),
align: "right",
headerAlign: "right",
- width: 250,
+ minWidth: 100,
+ maxWidth: 250,
},
{
field: "ctr",
@@ -76,7 +80,8 @@ export function AdDetailTable({
renderStatsCell(loading, "ctr", engagements.get(row.id)),
align: "right",
headerAlign: "right",
- width: 250,
+ minWidth: 100,
+ maxWidth: 250,
},
);
}