diff --git a/frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte b/frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte
index 47d73905..0524a8b9 100644
--- a/frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/code_pedimento_regimens/+page.svelte
@@ -113,7 +113,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -133,7 +133,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -146,13 +146,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable
 			data={allItems}
 			{columns}
diff --git a/frontend/src/routes/dashboard/reference_data/containers/+page.svelte b/frontend/src/routes/dashboard/reference_data/containers/+page.svelte
index 035da5d0..0747b0f9 100644
--- a/frontend/src/routes/dashboard/reference_data/containers/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/containers/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/countries/+page.svelte b/frontend/src/routes/dashboard/reference_data/countries/+page.svelte
index e3330243..eb7b9999 100644
--- a/frontend/src/routes/dashboard/reference_data/countries/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/countries/+page.svelte
@@ -145,7 +145,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -165,7 +165,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -178,13 +178,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable
 			data={allItems}
 			{columns}
diff --git a/frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte b/frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte
index 7fbafdb6..ee9ee8ef 100644
--- a/frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/currency_types/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/customs_sections/+page.svelte b/frontend/src/routes/dashboard/reference_data/customs_sections/+page.svelte
index 473e8157..16273e5e 100644
--- a/frontend/src/routes/dashboard/reference_data/customs_sections/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/customs_sections/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte b/frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte
index 409c3a09..da44fb5c 100644
--- a/frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/customs_warehouses/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/incoterms/+page.svelte b/frontend/src/routes/dashboard/reference_data/incoterms/+page.svelte
index fe2846fd..c146aa14 100644
--- a/frontend/src/routes/dashboard/reference_data/incoterms/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/incoterms/+page.svelte
@@ -112,7 +112,7 @@
     }
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
     <!-- Header Section -->
     <div class="flex-none flex items-center justify-between">
         <div class="space-y-1">
@@ -132,7 +132,7 @@
     </div>
 
     <!-- Filters Section -->
-    <div class="flex flex-wrap items-end gap-4">
+    <div class="flex-none flex flex-wrap items-end gap-4">
         <div class="grid w-72 items-center gap-1.5 font-medium">
             <span class="text-xs text-muted-foreground px-1">Clave</span>
             <Input 
@@ -154,13 +154,13 @@
     </div>
 
     {#if error}
-        <div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+        <div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
             {error}
         </div>
     {/if}
 
     <!-- Table Container -->
-    <div class="rounded-md border bg-background overflow-hidden">
+    <div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
         <DataTable 
             columns={createColumns(handleSuccess)}
             data={allItems} 
diff --git a/frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte b/frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte
index 65f13791..825081e0 100644
--- a/frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/invoice_types/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/material_types/+page.svelte b/frontend/src/routes/dashboard/reference_data/material_types/+page.svelte
index d13df004..aecef109 100644
--- a/frontend/src/routes/dashboard/reference_data/material_types/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/material_types/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/payment_methods/+page.svelte b/frontend/src/routes/dashboard/reference_data/payment_methods/+page.svelte
index c25f8372..ba845902 100644
--- a/frontend/src/routes/dashboard/reference_data/payment_methods/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/payment_methods/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/pedimento_codes/+page.svelte b/frontend/src/routes/dashboard/reference_data/pedimento_codes/+page.svelte
index cb541aee..a157eeca 100644
--- a/frontend/src/routes/dashboard/reference_data/pedimento_codes/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/pedimento_codes/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/pedimento_regimens/+page.svelte b/frontend/src/routes/dashboard/reference_data/pedimento_regimens/+page.svelte
index 27a53484..050c3433 100644
--- a/frontend/src/routes/dashboard/reference_data/pedimento_regimens/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/pedimento_regimens/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/sectors/+page.svelte b/frontend/src/routes/dashboard/reference_data/sectors/+page.svelte
index f01672d4..d311ff04 100644
--- a/frontend/src/routes/dashboard/reference_data/sectors/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/sectors/+page.svelte
@@ -132,7 +132,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -152,7 +152,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda por Clave</span>
 			<Input 
@@ -165,13 +165,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/states/+page.svelte b/frontend/src/routes/dashboard/reference_data/states/+page.svelte
index fabc9948..fc63ced7 100644
--- a/frontend/src/routes/dashboard/reference_data/states/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/states/+page.svelte
@@ -142,7 +142,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -162,7 +162,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -175,13 +175,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable
 			data={allItems}
 			{columns}
diff --git a/frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte b/frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte
index b0574e29..580a159c 100644
--- a/frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/transport_modes/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte b/frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte
index 5247408a..1ad8d604 100644
--- a/frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/transport_types/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>
diff --git a/frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte b/frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte
index c58c4ec2..f00f9ca4 100644
--- a/frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte
+++ b/frontend/src/routes/dashboard/reference_data/valuation_methods/+page.svelte
@@ -108,7 +108,7 @@
 	const columns = createColumns(handleSuccess);
 </script>
 
-<div class="space-y-6 p-6">
+<div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">
 	<!-- Header Section -->
 	<div class="flex-none flex items-center justify-between">
 		<div class="space-y-1">
@@ -128,7 +128,7 @@
 	</div>
 
 	<!-- Filters Section -->
-	<div class="flex flex-wrap items-end gap-4">
+	<div class="flex-none flex flex-wrap items-end gap-4">
 		<div class="grid w-full max-w-sm items-center gap-1.5 font-medium">
 			<span class="text-xs text-muted-foreground px-1">Búsqueda General</span>
 			<Input 
@@ -141,13 +141,13 @@
 	</div>
 
 	{#if error}
-		<div class="rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
+		<div class="flex-none rounded-md border border-destructive px-4 py-3 text-sm text-destructive">
 			{error}
 		</div>
 	{/if}
 
 	<!-- Table Container -->
-	<div class="rounded-md border bg-background overflow-hidden">
+	<div class="flex-1 min-h-0 rounded-md border bg-background overflow-hidden flex flex-col">
 		<DataTable data={allItems} {columns} {loading} {hasMore} {loadMore} />
 	</div>
 </div>