Fix formula text being janky

frzyc · Jan 25, 2025 · c584309 · c584309
1 parent 234d0cd
commit c584309
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/libs/gi/ui/src/util/getCalcDisplay.tsx b/libs/gi/ui/src/util/getCalcDisplay.tsx
@@ -13,7 +13,6 @@ import {
 import { Translate } from '@genshin-optimizer/gi/i18n'
 import type { CalcResult } from '@genshin-optimizer/gi/uidata'
 import type { Info, InfoExtra, KeyMapPrefix } from '@genshin-optimizer/gi/wr'
-import { Typography } from '@mui/material'
 import { useContext, type ReactNode } from 'react'
 import { SillyContext } from '../context'
 import { resolveInfo } from './resolveInfo'
@@ -221,15 +220,18 @@ function computeFormulaDisplay(
 
   components.filter((c) => c)
   result.formula = (
-    <Typography
-      sx={{
-        textDecoration: info.strikethrough ? 'line-through' : undefined,
-      }}
-    >
+    <>
       {components.map((x, i) => (
-        <span key={i}>{x}</span>
+        <span
+          style={{
+            textDecoration: info.strikethrough ? 'line-through' : undefined,
+          }}
+          key={i}
+        >
+          {x}
+        </span>
       ))}
-    </Typography>
+    </>
   )
 
   return result