From a115d8e102369af93ce5c3f5556115aae81c0123 Mon Sep 17 00:00:00 2001
From: Antoine Giret <ant.giret@gmail.com>
Date: Sun, 10 Mar 2024 23:17:43 +0100
Subject: [PATCH] style: fix responsive design issue on trips list sort buttons

---
 src/components/list.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/list.tsx b/src/components/list.tsx
index ba7aa8f..45114db 100644
--- a/src/components/list.tsx
+++ b/src/components/list.tsx
@@ -53,7 +53,7 @@ export function TripsList(): JSX.Element {
         gap={[2, 2, 4]}
       >
         <Text color="gray.500">Trier par</Text>
-        <ButtonGroup isAttached size="sm">
+        <ButtonGroup flexWrap="wrap" gap={2} size="sm" spacing={0}>
           <Button
             colorScheme="green"
             onClick={() => sortBy('-date')}