diff --git a/app/ui/arrangements/arrangements-table.tsx b/app/ui/arrangements/arrangements-table.tsx
index de7a4ec..31cfffc 100644
--- a/app/ui/arrangements/arrangements-table.tsx
+++ b/app/ui/arrangements/arrangements-table.tsx
@@ -9,6 +9,7 @@ import TableOfContents from "../components/table-of-contents";
 import { loadTableSimulations } from "@/app/api/tableSimulations";
 import { ArchiveBoxXMarkIcon, CheckBadgeIcon } from "@heroicons/react/24/outline";
 import { Tooltip } from "primereact/tooltip";
+import clsx from "clsx";
 
 export default function ArrangementsTable({ onArrangementSelected }: { onArrangementSelected: (arrangementId: string) => void }) {
   const [arrangements, setArrangements] = useState<Array<TableArrangement>>([]);
@@ -33,7 +34,10 @@ export default function ArrangementsTable({ onArrangementSelected }: { onArrange
       caption='Simulations'
       elements={arrangements}
       rowRender={(arrangement) => (
-        <tr key={arrangement.id} className="bg-white border-b odd:bg-white even:bg-gray-50">
+        <tr key={arrangement.id} className={clsx("bg-white border-b odd:bg-white even:bg-gray-50", {
+          "bg-white odd:bg-white even:bg-gray-50": arrangement.valid,
+          "bg-red-50 odd:bg-red-50 even:bg-red-100": !arrangement.valid
+        })}>
           <th scope="row" className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap">
             {arrangement.name}
           </th>