From 55d2b0d6bfd8647d81cfc7b6d95a70e9659413a3 Mon Sep 17 00:00:00 2001
From: Maria Torrente <64274966+mariatorrentedev@users.noreply.github.com>
Date: Thu, 18 Apr 2024 19:26:54 -0400
Subject: [PATCH] Fixing width (#15)

* Some clean up, added Spotify icon for offline/loading state

* Minor clean up in Mobile view

* Updating about text.

* Fixing max width for the Tab Panel
---
 src/components/Navigation.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index eb1e9a1..7891f2a 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -60,7 +60,10 @@ function TabPanel({ children, value, index, ...other }: TabPanelProps) {
       {...other}
     >
       {value === index && (
-        <Box maxWidth={[250, "100%"]} sx={{ paddingX: [1, 4] }}>
+        <Box
+          maxWidth={[250, 900]}
+          sx={{ paddingX: [1, 4], textAlign: "justify" }}
+        >
           {children}
         </Box>
       )}