.

modules/core/src/web/components/page-header.tsx

@@ -40,7 +40,7 @@ export function PageHeader({
             <h2 className="h-8 text-xl font-semibold text-foreground sm:truncate sm:tracking-tight">
               {title}
             </h2>
-            {description && <div className="text-sm text-primary">{description}</div>}
+            {description && <div className="text-sm text-muted-foreground">{description}</div>}
           </div>
         </div>
       </div>

packages/rdx-ui/src/components/datatable/data-table-column-header.tsx

@@ -25,7 +25,7 @@ export function DataTableColumnHeader<TData, TValue>({
   const { t } = useTranslation();
 
   if (!column.getCanSort()) {
-    return <div className={cn("text-foreground", className)}>{title}</div>;
+    return <div className={cn("text-foreground text-[0.8rem]", className)}>{title}</div>;
   }
 
   return (

packages/rdx-ui/src/components/datatable/data-table-pagination.tsx

@@ -94,7 +94,7 @@ export function DataTablePagination<TData>({
               <SelectValue placeholder={String(pageSize)} />
             </SelectTrigger>
             <SelectContent>
-              {[10, 20, 25, 30, 40, 50].map((size) => (
+              {[5, 10, 20, 25, 30, 40, 50].map((size) => (
                 <SelectItem key={size} value={String(size)}>
                   {size}
                 </SelectItem>

packages/rdx-ui/src/components/datatable/data-table-view-options.tsx

@@ -10,7 +10,7 @@ import {
   DropdownMenuTrigger,
 } from "@repo/shadcn-ui/components";
 import type { Column, Table } from "@tanstack/react-table";
-import { SettingsIcon } from "lucide-react";
+import { Settings2Icon } from "lucide-react";
 
 import { useTranslation } from "../../locales/i18n.ts";
 
@@ -19,8 +19,13 @@ export function DataTableViewOptions<TData>({ table }: { table: Table<TData> })
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button className="ml-auto hidden h-8 lg:flex" size={"sm"} type="button" variant="ghost">
+        <Button
-          <SettingsIcon />
+          className="ml-auto hidden h-8 lg:flex gap-2 items"
+          size="sm"
+          type="button"
+          variant="outline"
+        >
+          <Settings2Icon />
           {t("components.datatable_view_options.columns_button")}
         </Button>
       </DropdownMenuTrigger>

packages/rdx-ui/src/components/layout/app-content.tsx

@@ -8,7 +8,10 @@ export const AppContent = ({
 }: PropsWithChildren<{ className?: string }>) => {
   return (
     <div
-      className={cn("app-content flex flex-1 flex-col gap-4 p-4 pt-6 min-h-screen", className)}
+      className={cn(
+        "app-content flex flex-1 flex-col gap-4 p-4 pt-6 min-h-screen bg-muted/20",
+        className
+      )}
       {...props}
     >
       {children}

packages/rdx-ui/src/components/layout/app-layout.tsx

@@ -15,7 +15,7 @@ export const AppLayout = () => {
     >
       <AppSidebar variant="inset" />
       {/* Aquí está el MAIN */}
-      <SidebarInset className="app-main bg-muted">
+      <SidebarInset className="app-main">
         <Outlet />
       </SidebarInset>
     </SidebarProvider>

packages/shadcn-ui/package.json

@@ -40,7 +40,8 @@
     "typescript": "^5.6.0"
   },
   "dependencies": {
-    "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource-variable/geist": "^5.2.8",
+    "@fontsource-variable/geist-mono": "^5.2.7",
     "@hookform/resolvers": "^5.2.2",
     "add": "^2.0.6",
     "class-variance-authority": "^0.7.1",

packages/shadcn-ui/src/styles/globals.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@fontsource-variable/inter";
+
+@import "@fontsource-variable/geist";
+@import "@fontsource-variable/geist-mono";
 
 @custom-variant dark (&:is(.dark *));
 
@@ -98,7 +100,8 @@
 
 @layer utilities {
   body {
-    font-family: "Inter", ui-sans-serif, sans-serif, system-ui;
+    font-family: var(--font-sans);
+    font-variant-ligatures: none;
   }
 }
 
@@ -111,7 +114,8 @@
  **/
 
 :root {
-  --font-sans: "Inter", ui-sans-serif, sans-serif, system-ui;
+  --font-sans: "Geist Variable", ui-sans-serif, sans-serif, system-ui;
+  --font-mono: "Geist Mono Variable", ui-monospace, monospace;
 
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);
@@ -145,7 +149,7 @@
   --sidebar-border: oklch(0.6427 0.1407 253.94);
   --sidebar-ring: oklch(1 0 0);
 
-  --radius: 0.625rem;
+  --radius: 0.25rem;
   --shadow-x: 0;
   --shadow-y: 1px;
   --shadow-blur: 3px;

pnpm-lock.yaml

@@ -995,9 +995,12 @@ importers:
 
   packages/shadcn-ui:
     dependencies:
-      '@fontsource-variable/inter':
+      '@fontsource-variable/geist':
         specifier: ^5.2.8
         version: 5.2.8
+      '@fontsource-variable/geist-mono':
+        specifier: ^5.2.7
+        version: 5.2.7
       '@hookform/resolvers':
         specifier: ^5.2.2
         version: 5.2.2(react-hook-form@7.66.0(react@19.2.0))
@@ -1680,8 +1683,11 @@ packages:
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
-  '@fontsource-variable/inter@5.2.8':
+  '@fontsource-variable/geist-mono@5.2.7':
-    resolution: {integrity: sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==}
+    resolution: {integrity: sha512-ZKlZ5sjtalb2TwXKs400mAGDlt/+2ENLNySPx0wTz3bP3mWARCsUW+rpxzZc7e05d2qGch70pItt3K4qttbIYA==}
+
+  '@fontsource-variable/geist@5.2.8':
+    resolution: {integrity: sha512-cJ6m9e+8MQ5dCYJsLylfZrgBh6KkG4bOLckB35Tr9J/EqdkEM6QllH5PxqP1dhTvFup+HtMRPuz9xOjxXJggxw==}
 
   '@hapi/hoek@9.3.0':
     resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==}
@@ -7718,7 +7724,9 @@ snapshots:
 
   '@floating-ui/utils@0.2.10': {}
 
-  '@fontsource-variable/inter@5.2.8': {}
+  '@fontsource-variable/geist-mono@5.2.7': {}
+
+  '@fontsource-variable/geist@5.2.8': {}
 
   '@hapi/hoek@9.3.0': {}