diff --git a/apps/mobile/src/components/IconContainer.tsx b/apps/mobile/src/components/IconContainer.tsx
index 092ef33ea..e7c4caa65 100644
--- a/apps/mobile/src/components/IconContainer.tsx
+++ b/apps/mobile/src/components/IconContainer.tsx
@@ -10,7 +10,7 @@ type IconContainerProps = {
   onPress: () => void;
   size?: 'xs' | 'sm' | 'md';
   border?: boolean;
-  color?: 'default' | 'white' | 'black';
+  color?: 'default' | 'white' | 'black' | 'active';
 } & GalleryTouchableOpacityProps;
 
 export function IconContainer({
@@ -28,10 +28,11 @@ export function IconContainer({
     md: 'h-8 w-8',
   };
 
-  const colorVariants: { [color in 'default' | 'white' | 'black']: string } = {
+  const colorVariants: { [color in 'default' | 'white' | 'black' | 'active']: string } = {
     default: 'bg-faint dark:bg-black-500',
     white: 'bg-white dark:bg-black-900',
     black: 'bg-black-900 dark:bg-white',
+    active: 'bg-porcelain dark:bg-white',
   };
 
   return (