diff --git a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss
index 51581f32b..ad7822c61 100644
--- a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss
+++ b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.scss
@@ -1,3 +1,11 @@
 :host {
-  @apply flex flex-row justify-start gap-6 p-6 bg-isa-neutral-400 rounded-2xl text-isa-neutral-900 isa-text-body-1-regular;
+  @apply flex flex-row justify-start gap-6 p-6 rounded-2xl text-isa-neutral-900 isa-text-body-1-regular;
+
+  &.remi-return-receipt-list-item--offen {
+    @apply bg-isa-white;
+  }
+
+  &.remi-return-receipt-list-item--abgeschlossen {
+    @apply bg-isa-neutral-400;
+  }
 }
diff --git a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.ts b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.ts
index 3145a77c8..46dee8ac6 100644
--- a/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.ts
+++ b/libs/remission/feature/remission-return-receipt-list/src/lib/return-receipt-list-item/return-receipt-list-item.component.ts
@@ -4,7 +4,7 @@ import {
   computed,
   input,
 } from '@angular/core';
-import { Receipt, Return } from '@isa/remission/data-access';
+import { Return } from '@isa/remission/data-access';
 
 /**
  * Component that displays a single return receipt item in the list view.
@@ -27,6 +27,12 @@ import { Receipt, Return } from '@isa/remission/data-access';
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [],
+  host: {
+    'class': 'remi-return-receipt-list-item',
+    '[class.remi-return-receipt-list-item--offen]': 'completed() === "Offen"',
+    '[class.remi-return-receipt-list-item--abgeschlossen]':
+      'completed() === "Abgeschlossen"',
+  },
 })
 export class ReturnReceiptListItemComponent {
   /**