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',
       },