From 38c169aa13cee273aa783c85a5965fb6c3bef681 Mon Sep 17 00:00:00 2001
From: Linkie Link <linkielink.dev@gmail.com>
Date: Tue, 14 Nov 2023 11:40:00 +0100
Subject: [PATCH] fix: adjusted width classes

---
 src/components/Modals/ModalContentWithSummary.tsx | 2 +-
 src/components/Modals/Vault/VaultModalContent.tsx | 2 +-
 tailwind.config.js                                | 1 -
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Modals/ModalContentWithSummary.tsx b/src/components/Modals/ModalContentWithSummary.tsx
index e0ba6790..57bccc89 100644
--- a/src/components/Modals/ModalContentWithSummary.tsx
+++ b/src/components/Modals/ModalContentWithSummary.tsx
@@ -24,7 +24,7 @@ function modalContent(content: React.ReactNode, isContentCard?: boolean, account
   if (isContentCard)
     return (
       <Card
-        className='flex p-4 bg-white/5 lg:w-112'
+        className='flex flex-1 p-4 bg-white/5'
         contentClassName='gap-6 flex flex-col justify-between h-full min-h-[380px]'
       >
         {content}
diff --git a/src/components/Modals/Vault/VaultModalContent.tsx b/src/components/Modals/Vault/VaultModalContent.tsx
index 40455b85..b307d24a 100644
--- a/src/components/Modals/Vault/VaultModalContent.tsx
+++ b/src/components/Modals/Vault/VaultModalContent.tsx
@@ -136,7 +136,7 @@ export default function VaultModalContent(props: Props) {
   return (
     <div className='flex items-start flex-1 gap-6 p-6'>
       <Accordion
-        className='h-[546px] overflow-y-scroll scrollbar-hide'
+        className='h-[546px] overflow-y-scroll scrollbar-hide flex-1'
         items={[
           {
             renderContent: () => (
diff --git a/tailwind.config.js b/tailwind.config.js
index 45800d80..1a5dfeec 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -261,7 +261,6 @@ module.exports = {
         93.5: '374px',
         100: '400px',
         110: '440px',
-        112: '448px',
         120: '480px',
         140: '560px',
       },