diff --git a/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx b/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx
index fa0525562a91f..46ff788693c19 100644
--- a/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx
+++ b/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx
@@ -3,9 +3,9 @@ import type {StyleProp, TextStyle, ViewStyle} from 'react-native';
import {View} from 'react-native';
import type {ValueOf} from 'type-fest';
import Icon from '@components/Icon';
-import * as Expensicons from '@components/Icon/Expensicons';
import {PressableWithoutFeedback} from '@components/Pressable';
import Text from '@components/Text';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
import useResponsiveLayout from '@hooks/useResponsiveLayout';
import useTheme from '@hooks/useTheme';
import useThemeStyles from '@hooks/useThemeStyles';
@@ -64,6 +64,7 @@ function BillingBanner({
const styles = useThemeStyles();
const theme = useTheme();
const {shouldUseNarrowLayout} = useResponsiveLayout();
+ const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator'] as const);
const rightIconComponent = useMemo(() => {
if (rightIcon) {
@@ -90,7 +91,7 @@ function BillingBanner({
return (
!!brickRoadIndicator && (
)
@@ -107,7 +108,7 @@ function BillingBanner({
{typeof title === 'string' ? {title} : title}
- {typeof subtitle === 'string' ? {subtitle} : subtitle}
+ {!!subtitle && (typeof subtitle === 'string' ? {subtitle} : subtitle)}
{shouldUseNarrowLayout ? (
<>