diff --git a/src/pages/Supplies.tsx b/src/pages/Supplies.tsx
index a388cc1..531a165 100644
--- a/src/pages/Supplies.tsx
+++ b/src/pages/Supplies.tsx
@@ -1604,14 +1604,14 @@ const FabricPlanningScreen = () => {
         </div>
       </div>
 
-      <div className="grid grid-cols-1 gap-6 xl:grid-cols-[1fr_420px] xl:items-start">
-        <div className={`${panelClassName} overflow-hidden`}>
+      <div className="grid grid-cols-1 items-stretch gap-6 xl:grid-cols-[1fr_420px]">
+        <div className={`${panelClassName} flex flex-col overflow-hidden`}>
           <div className="border-b border-dark-border p-5">
             <h2 className="text-base font-bold text-dark-text">Planos de malha</h2>
             <p className="mt-1 text-sm font-semibold text-dark-muted">Itens planejados para compra ou recebimento.</p>
           </div>
           {isLoading ? (
-            <div className={`${emptyStateClassName} min-h-[220px]`}>
+            <div className={`${emptyStateClassName} min-h-[220px] flex-1`}>
               <Ruler className="h-8 w-8 text-brand-primary" />
               <h3 className="text-base font-bold text-dark-text">Carregando planos...</h3>
             </div>
@@ -1640,7 +1640,7 @@ const FabricPlanningScreen = () => {
               ))}
             </div>
           ) : (
-            <div className={emptyStateClassName}>
+            <div className={`${emptyStateClassName} flex-1`}>
               <Ruler className="h-8 w-8 text-brand-primary" />
               <h3 className="text-base font-bold text-dark-text">Nenhum plano de malha cadastrado</h3>
               <p className="text-sm font-semibold text-dark-muted">Cadastre o primeiro plano no formulário ao lado.</p>