diff --git a/src/components/About/Card.tsx b/src/components/About/Card.tsx
index 886751ed244..fb6e2b23d5e 100644
--- a/src/components/About/Card.tsx
+++ b/src/components/About/Card.tsx
@@ -13,7 +13,9 @@ const StyledCard = styled.div<{ $isDarkMode: boolean; $backgroundImgSrc?: string
   background: ${({ $isDarkMode, $backgroundImgSrc, $type, theme }) =>
     $isDarkMode
       ? `${theme.surface2} ${$backgroundImgSrc ? ` url(${$backgroundImgSrc})` : ''}`
-      : `${$type === CardType.Primary ? 'white' : theme.surface2} url(${$backgroundImgSrc})`};
+      : `${$type === CardType.Primary ? 'white' : theme.surface2} ${
+          $backgroundImgSrc ? ` url(${$backgroundImgSrc})` : ''
+        }`};
   background-size: auto 100%;
   background-position: right;
   background-repeat: no-repeat;