diff --git a/packages/vibrant-components/src/lib/FilterChip/FilterChipProps.ts b/packages/vibrant-components/src/lib/FilterChip/FilterChipProps.ts
index 6480918d9..ae0db369d 100644
--- a/packages/vibrant-components/src/lib/FilterChip/FilterChipProps.ts
+++ b/packages/vibrant-components/src/lib/FilterChip/FilterChipProps.ts
@@ -48,7 +48,8 @@ export const withFilterChipVariation = withVariation<FilterChipProps>('FilterChi
         bodyLevel: 2,
         iconSize: 16,
         minHeight: 38,
-        p: 10,
+        px: 10,
+        py: 10,
         spacing: 4,
         rounded: 'xl',
       } as const;
diff --git a/packages/vibrant-components/src/lib/FilterChip/__snapshots__/FilterChip.spec.tsx.snap b/packages/vibrant-components/src/lib/FilterChip/__snapshots__/FilterChip.spec.tsx.snap
index 884128c49..3c78d07e5 100644
--- a/packages/vibrant-components/src/lib/FilterChip/__snapshots__/FilterChip.spec.tsx.snap
+++ b/packages/vibrant-components/src/lib/FilterChip/__snapshots__/FilterChip.spec.tsx.snap
@@ -33,7 +33,10 @@ exports[`<FilterChip /> when href provided match snapshot 1`] = `
   -ms-flex-item-align: flex-start;
   align-self: flex-start;
   min-height: 38px;
-  padding: 10px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 10px;
+  padding-bottom: 10px;
   border-radius: 16px;
   background-color: #00000008;
 }