fixed booking layout (#6188)

apps/web/pages/bookings/[status].tsx

@@ -137,7 +137,7 @@ export default function Bookings() {
               </div>
             )}
             <div className="pt-2 xl:pt-0">
-              <p className="mb-2 text-xs font-medium uppercase leading-4 text-gray-500">{t("all")}</p>
+              {/* <p className="mb-2 text-xs font-medium uppercase leading-4 text-gray-500">{t("all")}</p> */}
               <div className="overflow-hidden rounded-md border border-gray-200">
                 <table className="w-full max-w-full table-fixed">
                   <tbody className="divide-y divide-gray-200 bg-white" data-testid="bookings">

packages/features/bookings/layout/BookingLayout.tsx

@@ -34,7 +34,7 @@ export default function BookingLayout({
 }: { children: React.ReactNode } & ComponentProps<typeof Shell>) {
   return (
     <Shell {...rest}>
-      <div className="flex max-w-6xl flex-col sm:space-x-2">
+      <div className="flex max-w-6xl flex-col">
         <div className="flex  flex-col lg:flex-row">
           <HorizontalTabs tabs={tabs} />
           <FiltersContainer />