diff --git a/frontend/mobile/app/(app)/(tabs)/discover.tsx b/frontend/mobile/app/(app)/(tabs)/discover.tsx
index 192b275d..e153b6fd 100644
--- a/frontend/mobile/app/(app)/(tabs)/discover.tsx
+++ b/frontend/mobile/app/(app)/(tabs)/discover.tsx
@@ -1,11 +1,9 @@
-import { Box, Tag, Text } from '@/app/(design-system)';
+import { Box, Tag } from '@/app/(design-system)';
 
 const DiscoverPage = () => {
     return (
         <Box flex={1} alignItems="center" justifyContent="center" padding="m">
-            <Tag variant="darkRed">
-                <Text variant="body-1">Discover</Text>
-            </Tag>
+            <Tag variant="darkRed">Discover</Tag>
         </Box>
     );
 };
diff --git a/frontend/mobile/app/(design-system)/Tag/Tag.tsx b/frontend/mobile/app/(design-system)/Tag/Tag.tsx
index a2b6481b..37e92a8f 100644
--- a/frontend/mobile/app/(design-system)/Tag/Tag.tsx
+++ b/frontend/mobile/app/(design-system)/Tag/Tag.tsx
@@ -8,6 +8,7 @@ import {
     createVariant
 } from '@shopify/restyle';
 
+import { Text } from '../Text/Text';
 import { Theme } from '../theme';
 
 const Box = createBox<Theme>();
@@ -26,7 +27,11 @@ const TagBase = createRestyleComponent<TagProps, Theme>([tagVariant], Box);
 export const Tag: React.FC<TagProps> = ({ variant, children, ...rest }) => {
     return (
         <TagBase variant={variant} {...rest}>
-            {children}
+            {typeof children === 'string' ? (
+                <Text variant="body-1">{children}</Text>
+            ) : (
+                children
+            )}
         </TagBase>
     );
 };