diff --git a/packages/fuselage-ui-kit/src/stories/payloads/infoCard.ts b/packages/fuselage-ui-kit/src/stories/payloads/infoCard.ts
index dbcde94a40d92..36230152ff7f2 100644
--- a/packages/fuselage-ui-kit/src/stories/payloads/infoCard.ts
+++ b/packages/fuselage-ui-kit/src/stories/payloads/infoCard.ts
@@ -55,15 +55,17 @@ export const infoCardMultipleIcons: readonly UiKit.InfoCardBlock[] = [
 					{ type: 'plain_text', text: 'Framed icons' },
 					{ type: 'icon', icon: 'phone-off', variant: 'default', framed: true },
 					{ type: 'icon', icon: 'clock', variant: 'warning', framed: true },
+					{ type: 'icon', icon: 'phone-question-mark', variant: 'warning', framed: true },
 					{ type: 'icon', icon: 'phone-issue', variant: 'danger', framed: true },
 				],
 			},
 			{
-				background: 'default',
+				background: 'secondary',
 				elements: [
 					{ type: 'plain_text', text: 'Icons' },
 					{ type: 'icon', icon: 'phone-off', variant: 'default' },
 					{ type: 'icon', icon: 'clock', variant: 'warning' },
+					{ type: 'icon', icon: 'phone-question-mark', variant: 'warning' },
 					{ type: 'icon', icon: 'phone-issue', variant: 'danger' },
 					{ type: 'icon', icon: 'info', variant: 'secondary' },
 				],
diff --git a/packages/ui-kit/src/blocks/elements/IconElement.ts b/packages/ui-kit/src/blocks/elements/IconElement.ts
index 9ec276eb62e71..46e540b3d50a1 100644
--- a/packages/ui-kit/src/blocks/elements/IconElement.ts
+++ b/packages/ui-kit/src/blocks/elements/IconElement.ts
@@ -1,4 +1,4 @@
-type AvailableIcons = 'phone-off' | 'phone-issue' | 'clock' | 'arrow-forward' | 'info' /* | 'phone-question-mark' */; // TODO add new icon when available in fuselage
+type AvailableIcons = 'phone-off' | 'phone-issue' | 'clock' | 'arrow-forward' | 'info' | 'phone-question-mark';
 
 export type IconElement = {
 	type: 'icon';