diff --git a/packages/web/app/src/components/layouts/target.tsx b/packages/web/app/src/components/layouts/target.tsx
index 25308f219..350cdf709 100644
--- a/packages/web/app/src/components/layouts/target.tsx
+++ b/packages/web/app/src/components/layouts/target.tsx
@@ -356,8 +356,8 @@ export const TargetLayout = ({
         </div>
       </div>
       <div className="container pb-7 h-full">
-        <div className={cn('flex justify-between gap-12', className)}>
-          <div className="grow">{children}</div>
+        <div className={cn('flex justify-between gap-12 h-full', className)}>
+          <div className="grow flex flex-col">{children}</div>
         </div>
       </div>
     </>
diff --git a/packages/web/app/tailwind.config.cjs b/packages/web/app/tailwind.config.cjs
index 6e8bc40b7..2cb7f2378 100644
--- a/packages/web/app/tailwind.config.cjs
+++ b/packages/web/app/tailwind.config.cjs
@@ -10,7 +10,11 @@ module.exports = {
       center: true,
       padding: '2rem',
       screens: {
-        '2xl': '1400px',
+        sm: '100%',
+        md: '100%',
+        lg: '100%',
+        xl: '100%',
+        '2xl': '1800px',
       },
     },
     fontFamily: {