diff --git a/src/lib/cards/Inventories.svelte b/src/lib/cards/Inventories.svelte
index 4105697..408be45 100644
--- a/src/lib/cards/Inventories.svelte
+++ b/src/lib/cards/Inventories.svelte
@@ -23,14 +23,14 @@
 </script>
 
 {#if valid}
-    <Card.Root class="flex-1 flex flex-col flex-grow">
+    <Card.Root class="flex-1 flex flex-col flex-grow bg-secondary">
         <Card.Header>
             <Card.Title>{i18n.localize("inventorySettings")}</Card.Title>
         </Card.Header>
         <Card.Content class="flex flex-col flex-grow gap-3">
             <Separator />
             <Label for="inventorySize">{i18n.localize("inventory")} {i18n.localize("multiplier")}</Label>
-            <Input id="inventorySize" type="number" bind:value={inventoryMultiplier}/>
+            <Input class="bg-card rounded-xl" id="inventorySize" type="number" bind:value={inventoryMultiplier}/>
             <Card.Root>
                 <Card.Content class="pt-6 flex flex-col gap-3">
                     <NewInventory i18n={i18n} grid={ship.grid} {onAddInventory} />
diff --git a/src/lib/cards/Thrusters.svelte b/src/lib/cards/Thrusters.svelte
index c7707ed..df18fe9 100644
--- a/src/lib/cards/Thrusters.svelte
+++ b/src/lib/cards/Thrusters.svelte
@@ -25,7 +25,7 @@
 </script>
 
 {#if valid}
-    <Card.Root class="flex-1 flex flex-col flex-grow">
+    <Card.Root class="flex-1 flex flex-col flex-grow bg-secondary">
         <Card.Header>
             <Card.Title>{i18n.localize("thrusterSettings")}</Card.Title>
         </Card.Header>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b535341..08830f6 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -144,7 +144,7 @@
 
 {#if mounted}
     <div class="gap-4 flex flex-row flex-wrap h-full">
-        <Card.Root class="flex-1">
+        <Card.Root class="flex-1 bg-secondary">
             <Card.Header>
                 <Card.Title>{i18n.localize("title")}</Card.Title>
             </Card.Header>