diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx
index 992de61950..3c71461345 100644
--- a/src/components/card/card.tsx
+++ b/src/components/card/card.tsx
@@ -17,7 +17,15 @@ export type CardProps = {
   onBodyClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void
   onHeaderClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void
   children?: ReactNode
-} & NativeProps
+} &
+  NativeProps<
+    | '--adm-card-border-radius'
+    | '--adm-card-padding-inline'
+    | '--adm-card-header-border-width'
+    | '--adm-card-header-border-color'
+    | '--adm-card-header-padding-block'
+    | '--adm-card-body-padding-block'
+  >
 
 export const Card: FC<CardProps> = props => {
   const renderHeader = () => {
diff --git a/src/components/safe-area/safe-area.tsx b/src/components/safe-area/safe-area.tsx
index ef1d3e7fa1..06c01a3ff9 100644
--- a/src/components/safe-area/safe-area.tsx
+++ b/src/components/safe-area/safe-area.tsx
@@ -8,7 +8,7 @@ const classPrefix = 'adm-safe-area'
 
 export type SafeAreaProps = {
   position: 'top' | 'bottom'
-} & NativeProps
+} & NativeProps<'--multiple'>
 
 export const SafeArea: FC<SafeAreaProps> = props => {
   return withNativeProps(