diff --git a/lib/ui/components/cards/filled_card.dart b/lib/ui/components/cards/filled_card.dart
index a3cbbe78..bb6a5b8f 100644
--- a/lib/ui/components/cards/filled_card.dart
+++ b/lib/ui/components/cards/filled_card.dart
@@ -18,11 +18,7 @@ class FilledCard extends StatelessWidget {
   final bool secondary;
   final bool mergeSemantics;
   @override
-  Widget build(final BuildContext context) => Card(
-        elevation: 0.0,
-        shape: const RoundedRectangleBorder(
-          borderRadius: BorderRadius.all(Radius.circular(12)),
-        ),
+  Widget build(final BuildContext context) => Card.filled(
         clipBehavior: clipped ? Clip.antiAlias : Clip.none,
         color: error
             ? Theme.of(context).colorScheme.errorContainer
@@ -30,7 +26,7 @@ class FilledCard extends StatelessWidget {
                 ? Theme.of(context).colorScheme.secondaryContainer
                 : tertiary
                     ? Theme.of(context).colorScheme.tertiaryContainer
-                    : Theme.of(context).colorScheme.surfaceContainerHigh,
+                    : Theme.of(context).colorScheme.surfaceContainerHighest,
         semanticContainer: mergeSemantics,
         child: child,
       );
diff --git a/lib/ui/components/cards/outlined_card.dart b/lib/ui/components/cards/outlined_card.dart
index d60fa9f0..2aabf553 100644
--- a/lib/ui/components/cards/outlined_card.dart
+++ b/lib/ui/components/cards/outlined_card.dart
@@ -12,7 +12,7 @@ class OutlinedCard extends StatelessWidget {
   final Color? borderColor;
   final double? borderWidth;
   @override
-  Widget build(final BuildContext context) => Card(
+  Widget build(final BuildContext context) => Card.outlined(
         elevation: 0.0,
         shape: RoundedRectangleBorder(
           borderRadius: const BorderRadius.all(Radius.circular(12)),