diff --git a/frontend/src/components/tables/EPGsTable.jsx b/frontend/src/components/tables/EPGsTable.jsx
index 6978d005..25977bad 100644
--- a/frontend/src/components/tables/EPGsTable.jsx
+++ b/frontend/src/components/tables/EPGsTable.jsx
@@ -570,7 +570,7 @@ const EPGsTable = () => {
           style={{
             flex: 1,
             overflowY: 'auto',
-            overflowX: 'hidden',
+            overflowX: 'auto',
             border: 'solid 1px rgb(68,68,68)',
             borderRadius: 'var(--mantine-radius-default)',
           }}
@@ -593,15 +593,14 @@ const EPGsTable = () => {
 
 Name: ${epgToDelete.name}
 Source Type: ${epgToDelete.source_type}
-${
-  epgToDelete.url
-    ? `URL: ${epgToDelete.url}`
-    : epgToDelete.api_key
-      ? `API Key: ${epgToDelete.api_key}`
-      : epgToDelete.file_path
-        ? `File Path: ${epgToDelete.file_path}`
-        : ''
-}
+${epgToDelete.url
+                  ? `URL: ${epgToDelete.url}`
+                  : epgToDelete.api_key
+                    ? `API Key: ${epgToDelete.api_key}`
+                    : epgToDelete.file_path
+                      ? `File Path: ${epgToDelete.file_path}`
+                      : ''
+                }
 
 This will remove all related program information and channel associations.
 This action cannot be undone.`}
diff --git a/frontend/src/components/tables/M3UsTable.jsx b/frontend/src/components/tables/M3UsTable.jsx
index ac7ee631..2dd236fd 100644
--- a/frontend/src/components/tables/M3UsTable.jsx
+++ b/frontend/src/components/tables/M3UsTable.jsx
@@ -872,7 +872,7 @@ const M3UTable = () => {
           style={{
             flex: 1,
             overflowY: 'auto',
-            overflowX: 'hidden',
+            overflowX: 'auto',
             border: 'solid 1px rgb(68,68,68)',
             borderRadius: 'var(--mantine-radius-default)',
           }}
diff --git a/frontend/src/pages/ContentSources.jsx b/frontend/src/pages/ContentSources.jsx
index 24e736d4..66a20e06 100644
--- a/frontend/src/pages/ContentSources.jsx
+++ b/frontend/src/pages/ContentSources.jsx
@@ -7,15 +7,15 @@ import { Box, Stack } from '@mantine/core';
 const M3UPage = () => {
   const isLoading = useUserAgentsStore((state) => state.isLoading);
   const error = useUserAgentsStore((state) => state.error);
-
   if (isLoading) return <div>Loading...</div>;
-  if (error) return <div>Error: {error}</div>;
-
-  return (
+  if (error) return <div>Error: {error}</div>; return (
     <Stack
       style={{
         padding: 10,
         height: 'calc(100vh - 60px)', // Set a specific height to ensure proper display
+        minWidth: '1100px', // Prevent tables from becoming too cramped
+        overflowX: 'auto', // Enable horizontal scrolling when needed
+        overflowY: 'hidden', // Prevent vertical scrolling on the container
       }}
       spacing="xs" // Reduce spacing to give tables more room
     >