Githelp-support · burkongla · Apr 27, 2026
diff --git a/src/app/help/page.tsx b/src/app/help/page.tsx
@@ -63,7 +63,7 @@ export default function HelpPage() {
       <div className="flex-1 flex flex-col overflow-hidden">
         <Header title="Help" subtitle="Get help with common issues" />
 
-        <main className="flex-1 overflow-auto p-6">
+        <main className="flex-1 overflow-auto py-6 px-[30px]">
           <div className="max-w-3xl mx-auto space-y-8">
             {/* Intro */}
             <div className="flex items-start gap-4">

diff --git a/src/app/helper/profile/page.tsx b/src/app/helper/profile/page.tsx
@@ -226,7 +226,7 @@ export default function HelperProfilePage() {
         <Sidebar />
         <div className="flex-1 flex flex-col overflow-hidden">
           <Header title="My profile" subtitle="Helper profile for the selected project" />
-          <main className="flex-1 overflow-auto p-6">
+          <main className="flex-1 overflow-auto py-6 px-[30px]">
             <p className="text-muted-foreground">Select a project to view and edit your helper profile.</p>
           </main>
         </div>
@@ -240,7 +240,7 @@ export default function HelperProfilePage() {
         <Sidebar />
         <div className="flex-1 flex flex-col overflow-hidden">
           <Header title="My profile" subtitle="Helper profile for the selected project" />
-          <main className="flex-1 overflow-auto p-6">
+          <main className="flex-1 overflow-auto py-6 px-[30px]">
             <p className="text-muted-foreground">You are not registered as a helper in this project.</p>
           </main>
         </div>
@@ -254,7 +254,7 @@ export default function HelperProfilePage() {
         <Sidebar />
         <div className="flex-1 flex flex-col overflow-hidden">
           <Header title="My profile" subtitle="Helper profile" />
-          <main className="flex-1 overflow-auto p-6 flex items-center justify-center">
+          <main className="flex-1 overflow-auto py-6 px-[30px] flex items-center justify-center">
             <Loader2 className="w-8 h-8 animate-spin text-muted-foreground" />
           </main>
         </div>
@@ -272,7 +272,7 @@ export default function HelperProfilePage() {
       <div className="flex-1 flex flex-col overflow-hidden">
         <Header title="My profile" subtitle="View and edit your helper details" />
 
-        <main className="flex-1 overflow-auto p-6">
+        <main className="flex-1 overflow-auto py-6 px-[30px]">
           {/* Profile header */}
           <div className="flex items-center gap-4 mb-8">
             <div

diff --git a/src/app/helper/reports/page.tsx b/src/app/helper/reports/page.tsx
@@ -96,7 +96,7 @@ export default function HelperReportsPage() {
       <div className="flex-1 flex flex-col overflow-hidden">
         <Header title="Payouts and Reports" subtitle="Keep track of reports and transactions" />
 
-        <main className="flex-1 overflow-auto p-6 space-y-6">
+        <main className="flex-1 overflow-auto py-6 px-[30px] space-y-6">
 
       {/* Tab Navigation */}
       <div className="border-b border-gray-200">

diff --git a/src/app/helper/support/page.tsx b/src/app/helper/support/page.tsx
@@ -116,7 +116,7 @@ export default function HelperSupportPage() {
       <Sidebar />
       <div className="flex-1 flex flex-col overflow-hidden">
         <Header title="Support Dashboard" />
-        <main className="flex-1 overflow-auto p-6">
+        <main className="flex-1 overflow-auto py-6 px-[30px]">
           <div className="max-w-7xl space-y-6">
             {!projectId ? (
               <p className="text-muted-foreground">Select a project to see tickets and stats.</p>

diff --git a/src/app/helpers/[id]/page.tsx b/src/app/helpers/[id]/page.tsx
@@ -165,7 +165,7 @@ export default function HelperProfilePage({ params }: { params: Promise<{ id: st
       <div className="flex-1 flex flex-col overflow-hidden">
         <Header title="Helper Details" />
 
-        <main className="flex-1 overflow-y-auto bg-background p-4 sm:p-6 space-y-6">
+        <main className="flex-1 overflow-y-auto bg-background py-4 sm:py-6 px-4 sm:px-[30px] space-y-6">
           {/* Back link */}
           <Link
             href="/helpers"

diff --git a/src/app/helpers/page.tsx b/src/app/helpers/page.tsx
@@ -360,7 +360,7 @@ export default function HelpersPage() {
         <Header title="List of helpers" subtitle="Manage your support team" />
 
         {/* Content */}
-        <main className="flex-1 p-6 overflow-y-auto">
+        <main className="flex-1 py-6 px-[30px] overflow-y-auto">
           {/* Filter tabs and Add button */}
           <div className="flex items-center justify-between mb-6">
             <div className="flex space-x-1">

diff --git a/src/app/landing-page/page.tsx b/src/app/landing-page/page.tsx
@@ -86,7 +86,7 @@ export default function LandingPageSettings() {
       <Sidebar />
       <div className="flex-1 flex flex-col">
         <Header title="Landing page" subtitle="Customize your landing page branding and resources" />
-        <main className="flex-1 p-6 overflow-auto">
+        <main className="flex-1 py-6 px-[30px] overflow-auto">
           <div className="max-w-4xl">
 
             <div className="bg-white rounded-lg border border-border p-6 mb-6">

diff --git a/src/app/reports/slas/page.tsx b/src/app/reports/slas/page.tsx
@@ -183,7 +183,7 @@ export default function ReportsSLAsPage() {
           subtitle="Keep track of reports and transactions for your SLAs."
         />
 
-        <main className="flex-1 p-6 overflow-y-auto">
+        <main className="flex-1 py-6 px-[30px] overflow-y-auto">
           {/* Tab Navigation */}
           <div className="mb-6">
             <div className="flex gap-1">

diff --git a/src/app/reports/support/page.tsx b/src/app/reports/support/page.tsx
@@ -173,7 +173,7 @@ export default function ReportsSupportPage() {
       <div className="flex-1 flex flex-col overflow-hidden">
         <Header title="Reports and Payouts" subtitle="Keep track of reports and transactions for support." />
 
-        <main className="flex-1 p-6 overflow-y-auto">
+        <main className="flex-1 py-6 px-[30px] overflow-y-auto">
           <div className="space-y-6">
             <div className="mb-6">
               <div className="flex gap-1">

diff --git a/src/app/settings/branding/page.tsx b/src/app/settings/branding/page.tsx
@@ -66,7 +66,7 @@ export default function BrandingSettingsPage() {
       <Sidebar />
       <div className="flex-1 flex flex-col">
         <Header title="Branding" subtitle="Customize your project logo and primary color" />
-        <main className="flex-1 p-6 overflow-auto">
+        <main className="flex-1 py-6 px-[30px] overflow-auto">
           <div className="max-w-4xl space-y-6">
             {/* Logo Upload Section */}
             <div className="bg-white rounded-lg border border-border p-6">

diff --git a/src/app/settings/payment/page.tsx b/src/app/settings/payment/page.tsx
@@ -289,7 +289,7 @@ export default function PaymentSettingsPage() {
       <Sidebar />
       <div className="flex-1 flex flex-col">
         <Header title="Payment Settings" subtitle="Manage rates and sharing ratios" info="This is a test info" />
-        <main className="flex-1 p-6">
+        <main className="flex-1 py-6 px-[30px]">
           {/* Tab Navigation */}
           <div className="mb-8">
             <div className="flex gap-1">

diff --git a/src/app/settings/project/page.tsx b/src/app/settings/project/page.tsx
@@ -86,7 +86,7 @@ export default function ProjectSettingsPage() {
         <Sidebar />
         <div className="flex-1 flex flex-col">
           <Header title="Project Settings" subtitle="Manage keywords and help categories" />
-          <main className="flex-1 p-6">
+          <main className="flex-1 py-6 px-[30px]">
             <p className="text-muted-foreground">Select a project to manage its keywords and help categories.</p>
           </main>
         </div>
@@ -99,7 +99,7 @@ export default function ProjectSettingsPage() {
       <Sidebar />
       <div className="flex-1 flex flex-col overflow-hidden">
         <Header title="Project Settings" subtitle="Manage keywords and help categories for your project" />
-        <main className="flex-1 p-6 overflow-y-auto">
+        <main className="flex-1 py-6 px-[30px] overflow-y-auto">
           <div className="max-w-4xl space-y-8">
             {/* Keywords / Topics */}
             <Card className="border-border">

diff --git a/src/app/slas/[id]/page.tsx b/src/app/slas/[id]/page.tsx
@@ -106,7 +106,7 @@ export default function SLADetailsPage({ params }: { params: Promise<{ id: strin
       <div className="flex-1 flex flex-col overflow-hidden">
         <Header title="SLA Details" subtitle="View and manage SLA configuration" />
 
-        <main className="flex-1 overflow-auto p-6">
+        <main className="flex-1 overflow-auto py-6 px-[30px]">
           {/* Back navigation */}
           <div className="mb-6">
             <Link

diff --git a/src/app/slas/page.tsx b/src/app/slas/page.tsx
@@ -130,7 +130,7 @@ export default function SLAsPage() {
         <Header title="Your SLAs" subtitle="Manage your Service Level Agreements" />
 
         {/* Content */}
-        <main className="flex-1 p-6 overflow-y-auto">
+        <main className="flex-1 py-6 px-[30px] overflow-y-auto">
           {/* Filter tabs */}
           <div className="mb-6">
             <div className="flex gap-1">

diff --git a/src/app/support/chat/page.tsx b/src/app/support/chat/page.tsx
@@ -278,7 +278,7 @@ export default function UserSupportChatPage() {
 
   if (!hasSLA && !projectIdParam && !slugParam && !ticketIdParam) {
     return (
-      <div className="max-w-3xl mx-auto px-6 py-12">
+      <div className="max-w-3xl mx-auto px-[30px] py-12">
         <div className="bg-white rounded-lg p-8 shadow-sm border border-gray-200">
           <h1 className="text-2xl font-semibold text-foreground mb-2">Missing project identifier</h1>
           <p className="text-muted-foreground">
@@ -300,7 +300,7 @@ export default function UserSupportChatPage() {
 
   if (ticketIdParam && !existingTicket?.id) {
     return (
-      <div className="max-w-3xl mx-auto px-6 py-12">
+      <div className="max-w-3xl mx-auto px-[30px] py-12">
         <div className="bg-white rounded-lg p-8 shadow-sm border border-gray-200">
           <h1 className="text-2xl font-semibold text-foreground mb-2">Ticket not found</h1>
           <p className="text-muted-foreground">

diff --git a/src/app/support/get-support/page.tsx b/src/app/support/get-support/page.tsx
@@ -48,7 +48,7 @@ export default function GetSupportPage() {
 
   if (!projectIdParam && !slugParam) {
     return (
-      <div className="max-w-3xl mx-auto px-6 py-12">
+      <div className="max-w-3xl mx-auto px-[30px] py-12">
         <div className="bg-white rounded-lg p-8 shadow-sm border border-gray-200">
           <h1 className="text-2xl font-semibold text-[#444444] mb-2">Missing project identifier</h1>
           <p className="text-[#868c98]">
@@ -61,7 +61,7 @@ export default function GetSupportPage() {
   }
 
   return (
-    <div className="max-w-7xl mx-auto px-6 py-12">
+    <div className="max-w-7xl mx-auto px-[30px] py-12">
       <div className="flex items-center gap-4 mb-8">
         <div className="relative">
           <div className="w-20 h-20 bg-white rounded-lg shadow-sm flex items-center justify-center overflow-hidden">

diff --git a/src/app/support/page.tsx b/src/app/support/page.tsx
@@ -106,7 +106,7 @@ export default function SupportPage() {
 
   if (!projectIdParam && !slugParam) {
     return (
-      <div className="max-w-3xl mx-auto px-6 py-12">
+      <div className="max-w-3xl mx-auto px-[30px] py-12">
         <div className="bg-white rounded-lg p-8 shadow-sm border border-gray-200">
           <h1 className="text-2xl font-semibold text-[#444444] mb-2">Missing project identifier</h1>
           <p className="text-[#868c98] mb-6">
@@ -126,7 +126,7 @@ export default function SupportPage() {
   }
 
   return (
-    <div className="max-w-7xl mx-auto px-6 py-12">
+    <div className="max-w-7xl mx-auto px-[30px] py-12">
       <div className="flex items-center gap-4 mb-8">
         <div className="relative">
           <div className="w-20 h-20 bg-white rounded-lg shadow-sm flex items-center justify-center overflow-hidden">

diff --git a/src/app/support/sla/page.tsx b/src/app/support/sla/page.tsx
@@ -28,7 +28,7 @@ export default function SLAEntryPage() {
   }
 
   return (
-    <div className="max-w-7xl mx-auto px-6 py-12">
+    <div className="max-w-7xl mx-auto px-[30px] py-12">
       <div className="flex items-center gap-4 mb-8">
         <div className="relative">
           <div className="w-20 h-20 bg-white rounded-lg shadow-sm flex items-center justify-center">

diff --git a/src/app/support/tickets/page.tsx b/src/app/support/tickets/page.tsx
@@ -35,7 +35,7 @@ export default function SupportTicketsPage() {
           subtitle="View and manage your support requests"
         />
 
-        <main className="flex-1 overflow-y-auto p-6">
+        <main className="flex-1 overflow-y-auto py-6 px-[30px]">
           <div className="mb-6 flex items-center justify-between">
             <p className="text-sm text-muted-foreground">
               {isAuthenticated

diff --git a/src/app/tickets/page.tsx b/src/app/tickets/page.tsx
@@ -198,7 +198,7 @@ export default function TicketsPage() {
       <div className="flex-1 flex flex-col overflow-hidden">
         <Header title="Tickets" subtitle="Manage and track support tickets" />
 
-        <main className="flex-1 p-6 space-y-6 overflow-y-auto">
+        <main className="flex-1 py-6 px-[30px] space-y-6 overflow-y-auto">
           {/* Stats Cards */}
           <div className="grid grid-cols-4 gap-4">
             <Card className="border-border/60 py-0 shadow-none">