From f550a3aca1232b1417f934de023e203b975c8058 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 8 Jul 2023 22:26:37 +0200
Subject: [PATCH] Fixed mobile optimization in the Help.jsx

---
 src/pages/Help/Help.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/Help/Help.jsx b/src/pages/Help/Help.jsx
index d45b73f..926260c 100644
--- a/src/pages/Help/Help.jsx
+++ b/src/pages/Help/Help.jsx
@@ -5,12 +5,13 @@ import Question from "@/pages/Help/components/Question";
 
 export const Help = () => {
     const theme = useTheme();
-    const isMobile = useMediaQuery(theme.breakpoints.down("lg"));
+    const isMobile = useMediaQuery(theme.breakpoints.down("md"));
 
     const [currentTab, setCurrentTab] = useState(0);
 
     return (
-        <Stack direction="column" justifyContent="center" sx={{mt: 15, ml: "auto", mr: "auto", width: "60%"}}>
+        <Stack direction="column" justifyContent="center"
+               sx={{mt: 15, ml: {lg: "auto", xs: "0"}, mr: {lg: "auto", xs: "0"}, width: {lg: "60%", xs: "100%"}}}>
             <Stack direction="row" justifyContent="space-between">
                 <Stack direction="column" justifyContent="center" sx={{width: "33rem"}}>
                     <Typography variant="h3" fontWeight={700} color="black">Sie benötigen Hilfe?</Typography>