updte

src/features/trackSomething/components/MetricItem.scss

@@ -35,6 +35,9 @@
     margin-top: 20px;
     margin-bottom: 12px;
     margin-right: 2px;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-end;
 }
 .metric_value {
     font-size: 48px;

src/features/trackSomething/components/MetricItem.tsx

@@ -54,7 +54,10 @@ export default function Component(props: {
 
         <View className="metric_value_bg" onClick={() => props.onClickDetail()}>
             {
-                props.valueView ? props.valueView : <Text className="metric_value">{props.value}<Text className="metric_unit">{props.unit}</Text></Text>
+                props.valueView ? props.valueView : <Text className="metric_value">{props.value}</Text>
+            }
+            {
+                !props.valueView && <Text className="metric_unit">{props.unit}</Text>
             }
         </View>
         <View className="metric_desc_bg" onClick={() => props.onClickDetail()}>