From 000ab5a61dd1ca9a8cdf7bacc75e9969f91ab05c Mon Sep 17 00:00:00 2001
From: Daniel <daniel31x13@gmail.com>
Date: Tue, 20 Jun 2023 18:13:02 +0330
Subject: [PATCH] small fix

---
 components/Modal/Collection/index.tsx | 2 +-
 components/Modal/Link/index.tsx       | 2 +-
 components/Modal/User/index.tsx       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Modal/Collection/index.tsx b/components/Modal/Collection/index.tsx
index d10b5c5c..10e38df2 100644
--- a/components/Modal/Collection/index.tsx
+++ b/components/Modal/Collection/index.tsx
@@ -45,7 +45,7 @@ export default function CollectionModal({
         {method === "CREATE" && (
           <p className="text-xl text-sky-500 text-center">New Collection</p>
         )}
-        <Tab.List className="flex justify-center flex-col max-w-[15rem] mx-auto sm:flex-row gap-2 sm:gap-3 mb-5 text-sky-600">
+        <Tab.List className="flex justify-center flex-col max-w-[15rem] sm:max-w-[30rem] mx-auto sm:flex-row gap-2 sm:gap-3 mb-5 text-sky-600">
           {method === "UPDATE" && (
             <>
               <Tab
diff --git a/components/Modal/Link/index.tsx b/components/Modal/Link/index.tsx
index c573af6c..407480ce 100644
--- a/components/Modal/Link/index.tsx
+++ b/components/Modal/Link/index.tsx
@@ -32,7 +32,7 @@ export default function CollectionModal({
         {method === "CREATE" && (
           <p className="text-xl text-sky-500 text-center">New Link</p>
         )}
-        <Tab.List className="flex justify-center flex-col max-w-[15rem] mx-auto sm:flex-row gap-2 sm:gap-3 mb-5 text-sky-600">
+        <Tab.List className="flex justify-center flex-col max-w-[15rem] sm:max-w-[30rem] mx-auto sm:flex-row gap-2 sm:gap-3 mb-5 text-sky-600">
           {method === "UPDATE" && (
             <>
               <Tab
diff --git a/components/Modal/User/index.tsx b/components/Modal/User/index.tsx
index 718de2b7..41ea8b94 100644
--- a/components/Modal/User/index.tsx
+++ b/components/Modal/User/index.tsx
@@ -23,7 +23,7 @@ export default function UserModal({
   return (
     <div className={className}>
       <Tab.Group defaultIndex={defaultIndex}>
-        <Tab.List className="flex justify-center flex-col max-w-[15rem] mx-auto sm:flex-row gap-2 sm:gap-3 mb-5 text-sky-600">
+        <Tab.List className="flex justify-center flex-col max-w-[15rem] sm:max-w-[30rem] mx-auto sm:flex-row gap-2 sm:gap-3 mb-5 text-sky-600">
           <Tab
             className={({ selected }) =>
               selected