diff --git a/src/components/Filter.vue b/src/components/Filter.vue
index b13d6c5..72a7cc4 100644
--- a/src/components/Filter.vue
+++ b/src/components/Filter.vue
@@ -84,7 +84,7 @@ export default {
     <fieldset class="flex flex-row mb-4">
       <legend>Kategorie</legend>
       <select
-        class="w-40 p-2 bg-background-100 rounded-lg"
+        class="w-40 p-2 bg-background-100: dark:bg-background-900 rounded-lg"
         v-model="paperFilter.type">
         <option
           v-for="(type, i) of paperTypes"
@@ -103,7 +103,7 @@ export default {
     <fieldset class="flex flex-row mb-4">
       <legend>Einreicher</legend>
       <select 
-        class="w-40 p-2 bg-background-100 rounded-lg"
+        class="w-40 p-2 bg-background-100: dark:bg-background-900 rounded-lg"
         v-model="paperFilter.originator">
         <option v-for="(originator, i) of paperOriginators" :key="i">{{ originator }}</option>
       </select>
diff --git a/src/components/Papers.vue b/src/components/Papers.vue
index 1dd5a3d..438d65d 100644
--- a/src/components/Papers.vue
+++ b/src/components/Papers.vue
@@ -62,11 +62,11 @@ export default {
 <template>
   <ul
     v-if="filteredData.length"
-    class="w-full"
+    class="w-full grid grid-flow-row gap-2 my-2"
   >
     <li v-for="(paper, i) in filteredData" :key="i">
       <article
-        class="my-4 p-2 border border-solid border-amber-300 rounded-md"
+        class="p-4 rounded-lg bg-background-100 dark:bg-background-900"
         @click.prevent="openPaper()"
       >
         <h4 class="text-xl">{{ paper.name }}</h4>