diff --git a/amnet-native/components/AMUICard.tsx b/amnet-native/components/AMUICard.tsx
index 978205f..22e2c36 100644
--- a/amnet-native/components/AMUICard.tsx
+++ b/amnet-native/components/AMUICard.tsx
@@ -38,7 +38,7 @@ export function AMUICardDetail(props: { children?: Readonly<React.ReactNode> })
 function CardComponent(props: AMUICardProps & AMUICardActionProps) {
     const theme = useTheme();
     
-    return (<Card mode="outlined" style={{backgroundColor: theme.colors.background, borderColor: theme.colors.surface}}>
+    return (<Card mode="outlined" style={{backgroundColor: theme.colors.background, borderColor: theme.colors.surfaceVariant}}>
             <Card.Content style={{
                 flexDirection: "row",
                 alignItems: "center",