fix responsive

apps/admin.saladeaula.digital/app/routes/_.$orgid.billing._index/range-period.tsx

@@ -27,7 +27,7 @@ export function RangePeriod({
 
   return (
     <>
-      <ButtonGroup>
+      <ButtonGroup className="max-lg:w-full">
         <Button
           variant="outline"
           className="border-dashed cursor-pointer"
@@ -42,9 +42,10 @@ export function RangePeriod({
         >
           <ChevronLeftIcon />
         </Button>
+
         <Button
           variant="outline"
-          className="pointer-events-none border-dashed max-lg:w-full"
+          className="pointer-events-none border-dashed flex-1"
         >
           <div className="gap-1 flex">
             <Badge variant="outline" className="rounded-sm px-1 font-mono">
@@ -55,6 +56,7 @@ export function RangePeriod({
             </Badge>
           </div>
         </Button>
+
         <Button
           variant="outline"
           className="border-dashed cursor-pointer"
@@ -78,5 +80,5 @@ export function RangePeriod({
 const datetime = new Intl.DateTimeFormat('pt-BR', {
   day: '2-digit',
   month: '2-digit',
-  year: 'numeric'
+  year: '2-digit'
 })

apps/admin.saladeaula.digital/app/routes/_.$orgid.billing._index/route.tsx

@@ -123,7 +123,7 @@ export default function Route({
                     />
 
                     <Button
-                      className={cn('pointer-events-none ml-auto', color)}
+                      className={cn('pointer-events-none lg:ml-auto', color)}
                       variant="outline"
                       asChild
                     >