From 36a04c848b2da190cbad150e48482fcd0e52b726 Mon Sep 17 00:00:00 2001
From: CANCI0 <martinlol831@gmail.com>
Date: Mon, 29 Apr 2024 12:21:39 +0200
Subject: [PATCH] =?UTF-8?q?Error=20en=20la=20visualizaci=C3=B3n=20de=20gru?=
 =?UTF-8?q?pos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 webapp/src/pages/Social/UserGroups.js | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/webapp/src/pages/Social/UserGroups.js b/webapp/src/pages/Social/UserGroups.js
index decfacc3..8f7947ca 100644
--- a/webapp/src/pages/Social/UserGroups.js
+++ b/webapp/src/pages/Social/UserGroups.js
@@ -10,7 +10,7 @@ import {
   Th,
   Td,
   Flex,
-  Box
+  Box,
 } from "@chakra-ui/react";
 import Nav from "../../components/Nav/Nav.js";
 import Footer from "../../components/Footer/Footer.js";
@@ -58,15 +58,20 @@ const UserGroups = () => {
     <>
       <Nav />
       <Flex maxW="xs" mt="5" flexDirection={"column"} alignItems={"center"}>
-          <Text fontSize="3xl" fontWeight="bold" mb="4">
-            {t("pages.usergroups.title")}
-          </Text>
-          {error && (
-            <Alert status="error" variant="subtle" mt="2">
-              {`Error: ${error}`}
-            </Alert>
-          )}
-          <Box overflowX={{ base: "scroll", lg: "auto" }} width={'100%'}>
+        <Text fontSize="3xl" fontWeight="bold" mb="4">
+          {t("pages.usergroups.title")}
+        </Text>
+        {error && (
+          <Alert status="error" variant="subtle" mt="2">
+            {`Error: ${error}`}
+          </Alert>
+        )}
+        <Flex
+          flexDir={"column"}
+          alignItems={"center"}
+          overflowX={{ base: "scroll", lg: "unset" }}
+          width={"100%"}
+        >
           <Table variant="simple">
             <Thead>
               <Tr>
@@ -94,7 +99,7 @@ const UserGroups = () => {
               ))}
             </Tbody>
           </Table>
-          </Box>
+        </Flex>
       </Flex>
       <Footer />
     </>