diff --git a/src/app/production/recording/page.tsx b/src/app/production/recording/page.tsx
index 368a59ea..9b986b49 100644
--- a/src/app/production/recording/page.tsx
+++ b/src/app/production/recording/page.tsx
@@ -2,7 +2,7 @@ import RecordingTable from '@/components/pages/production/recording/RecordingTab
 
 const Recording = () => {
   return (
-    <section className='w-full overflow-x-hidden'>
+    <section className='w-full'>
       <RecordingTable />
     </section>
   );
diff --git a/src/components/pages/expense/ExpensesTable.tsx b/src/components/pages/expense/ExpensesTable.tsx
index 5875bc0c..ba6e4ada 100644
--- a/src/components/pages/expense/ExpensesTable.tsx
+++ b/src/components/pages/expense/ExpensesTable.tsx
@@ -717,7 +717,7 @@ const ExpensesTable = () => {
         </div>
 
         {/* Table Section */}
-        <div className='flex flex-col mb-4 -mx-4 px-4'>
+        <div className='flex flex-col mb-4'>
           <Table<Expense>
             data={isResponseSuccess(expenses) ? expenses?.data : []}
             columns={expensesColumns}
diff --git a/src/components/pages/production/recording/RecordingTable.tsx b/src/components/pages/production/recording/RecordingTable.tsx
index 688df7f4..8f59d7c3 100644
--- a/src/components/pages/production/recording/RecordingTable.tsx
+++ b/src/components/pages/production/recording/RecordingTable.tsx
@@ -1245,7 +1245,7 @@ const RecordingTable = () => {
         </div>
 
         {/* Table Section */}
-        <div className='flex flex-col mb-4 -mx-4 px-4'>
+        <div className='flex flex-col mb-4'>
           {isLoading ? (
             <div className='w-full flex flex-row justify-center items-center p-4'>
               <span className='loading loading-spinner loading-xl' />