diff --git a/src/app/[lang]/(dashboard)/(private)/dashboards/daily-report/page.tsx b/src/app/[lang]/(dashboard)/(private)/dashboards/daily-report/page.tsx
index d5ba06b..8a5275c 100644
--- a/src/app/[lang]/(dashboard)/(private)/dashboards/daily-report/page.tsx
+++ b/src/app/[lang]/(dashboard)/(private)/dashboards/daily-report/page.tsx
@@ -303,6 +303,7 @@ const DailyPOSReport = () => {
       {/* Control Panel */}
       <ReportGeneratorComponent
         // Props wajib
+        className='min-w-full'
         reportTitle='Laporan Penjualan'
         filterType={filterType}
         selectedDate={selectedDate}
diff --git a/src/views/dashboards/daily-report/report-generator.tsx b/src/views/dashboards/daily-report/report-generator.tsx
index 9dbcfde..0dfb69c 100644
--- a/src/views/dashboards/daily-report/report-generator.tsx
+++ b/src/views/dashboards/daily-report/report-generator.tsx
@@ -87,8 +87,7 @@ interface ReportGeneratorProps {
 
 // Custom styled components yang responsif terhadap theme
 const StyledCard = styled(Card)(({ theme }) => ({
-  maxWidth: '1024px',
-  margin: '0 auto 24px',
+  margin: '0 0 24px',
   boxShadow: theme.palette.mode === 'dark' ? '0 2px 10px rgba(20, 21, 33, 0.3)' : '0 2px 10px rgba(58, 53, 65, 0.1)',
   borderRadius: '8px',
   backgroundColor: theme.palette.mode === 'dark' ? theme.palette.background.paper : '#ffffff'