diff --git a/frontend/app/src/app/modules/profile/id-cards.scss b/frontend/app/src/app/modules/profile/id-cards.scss
index acc6438f..f3c66479 100644
--- a/frontend/app/src/app/modules/profile/id-cards.scss
+++ b/frontend/app/src/app/modules/profile/id-cards.scss
@@ -20,9 +20,16 @@
 simple-swiper {
   --swiper-slide-width: calc(min(90cqw, 12cm));
 
+  padding-block: 32px;
   filter: drop-shadow(0 0 16px rgba(0 0 0 / 10%));
 }
 
+@media (prefers-color-scheme: dark) {
+  simple-swiper {
+    filter: drop-shadow(0 0 16px rgba(0 0 0 / 50%));
+  }
+}
+
 .log-in {
   position: relative;
 
@@ -33,11 +40,11 @@ simple-swiper {
   height: calc(min(90cqw, 12cm) * (53.98 / 85.6));
   padding: var(--spacing-xxl);
 
-  color: var(--ion-color-medium);
+  color: var(--ion-color-dark);
 
   background: var(--ion-color-light);
   border-radius: 3mm;
-  outline: 1px dashed var(--ion-color-medium);
+  outline: 1px dashed var(--ion-color-dark);
   outline-offset: calc(-1 * var(--spacing-sm));
 
   > ion-icon {
@@ -46,6 +53,7 @@ simple-swiper {
     left: 0;
 
     font-size: calc(min(90cqw, 12cm) / 2);
+    color: var(--ion-color-dark);
 
     opacity: 0.1;
   }