diff --git a/src/components/atoms/Metadata.tsx b/src/components/atoms/Metadata.tsx
index 8192e2e0..7e0eeb2e 100644
--- a/src/components/atoms/Metadata.tsx
+++ b/src/components/atoms/Metadata.tsx
@@ -26,9 +26,9 @@ export const Metadata = ({
         {...stackProps}
         sx={{ flexDirection: 'row', columnGap: 1, flexWrap: 'wrap', alignItems: 'baseline', ...stackProps?.sx }}
     >
-        <Typography {...titleProps}>{title}</Typography>
-        <Typography color="text.secondary" {...valueProps}>
-            {value}
+        <Typography color="text.secondary" {...titleProps}>
+            {title}
         </Typography>
+        <Typography {...valueProps}>{value}</Typography>
     </Stack>
 );