Styling of home

components/home/Recipe/Recipe.tsx

@@ -2,6 +2,7 @@ import { FC } from 'react'
 import { Recipe } from '../../../src/types'
 import { EntityIcon } from '../EntityIcon/EntityIcon'
 import styles from './Recipe.module.css'
+import { I18n } from '../../shared/I18n/I18n'
 
 interface Props {
   recipe: Recipe
@@ -23,7 +24,8 @@ export const RecipeSpan: FC<Props> = ({ recipe }) => {
   const after = Object.entries({ ...recipe.output }).map(toEntityIcon)
   return (
     <span className={styles.recipe}>
-      {joinByPlus([toEntityIcon(['/Time', recipe.time]), ...before])} → {joinByPlus(after)}
+      {joinByPlus([toEntityIcon(['/Time', recipe.time]), ...before])}{' '}
+      <I18n id={'component.recipe.arrow'} /> {joinByPlus(after)}
     </span>
   )
 }