diff --git a/src/app/components/BarChart.jsx b/src/app/components/BarChart.jsx
index a53c3d48..561921e2 100644
--- a/src/app/components/BarChart.jsx
+++ b/src/app/components/BarChart.jsx
@@ -208,7 +208,7 @@ export default class BarChart extends TranslatedComponent {
         <g className='x axis' ref={(elem) => d3.select(elem).call(this.xAxis)} transform={`translate(0,${innerHeight})`}>
           <text className='cap' y='30' dy='.1em' x={innerWidth / 2} style={{ textAnchor: 'middle' }}>
             <tspan>{title}</tspan>
-            { unit ? <tspan className='metric'>{` (${unit})`}</tspan> : null }
+            { unit ? <tspan className='metric'> ({unit})</tspan> : null }
           </text>
         </g>
         <g className='y axis' ref={(elem) => { let e = d3.select(elem); e.call(this.yAxis); e.selectAll('text').each(insertLinebreaks); }} />
diff --git a/src/app/components/HardpointSlot.jsx b/src/app/components/HardpointSlot.jsx
index 1796b739..5f910b7a 100644
--- a/src/app/components/HardpointSlot.jsx
+++ b/src/app/components/HardpointSlot.jsx
@@ -38,7 +38,7 @@ export default class HardpointSlot extends Slot {
 
       return <div className='details' draggable='true' onDragStart={drag} onDragEnd={drop}>
         <div className={'cb'}>
-          <div className={'l'}>{classRating + ' ' + translate(m.name || m.grp)}</div>
+          <div className={'l'}>{classRating} {translate(m.name || m.grp)}</div>
           <div className={'r'}>{m.mass}{u.T}</div>
         </div>
         <div className={'cb'}>
diff --git a/src/app/components/InternalSlot.jsx b/src/app/components/InternalSlot.jsx
index 1bb366be..60ec85bd 100644
--- a/src/app/components/InternalSlot.jsx
+++ b/src/app/components/InternalSlot.jsx
@@ -22,14 +22,14 @@ export default class InternalSlot extends Slot {
 
       return <div className='details' draggable='true' onDragStart={drag} onDragEnd={drop}>
         <div className={'cb'}>
-          <div className={'l'}>{classRating + ' ' + translate(m.name || m.grp)}</div>
+          <div className={'l'}>{classRating} {translate(m.name || m.grp)}</div>
           <div className={'r'}>{m.mass || m.cargo || m.fuel || 0}{u.T}</div>
         </div>
         <div className={'cb'}>
-          { m.optmass ? <div className={'l'}>{translate('optimal mass') + ': '}{m.optmass}{u.T}</div> : null }
-          { m.maxmass ? <div className={'l'}>{translate('max mass') + ': '}{m.maxmass}{u.T}</div> : null }
-          { m.bins ? <div className={'l'}>{m.bins + ' '}<u>{translate('bins')}</u></div> : null }
-          { m.bays ? <div className={'l'}>{translate('bays') + ': ' + m.bays}</div> : null }
+          { m.optmass ? <div className={'l'}>{translate('optimal mass')}: {m.optmass}{u.T}</div> : null }
+          { m.maxmass ? <div className={'l'}>{translate('max mass')}: {m.maxmass}{u.T}</div> : null }
+          { m.bins ? <div className={'l'}>{m.bins} <u>{translate('bins')}</u></div> : null }
+          { m.bays ? <div className={'l'}>{translate('bays')}: {m.bays}</div> : null }
           { m.rate ? <div className={'l'}>{translate('rate')}: {m.rate}{u.kgs}&nbsp;&nbsp;&nbsp;{translate('refuel time')}: {formats.time(this.props.fuel * 1000 / m.rate)}</div> : null }
           { m.ammo ? <div className={'l'}>{translate('ammo')}: {formats.gen(m.ammo)}</div> : null }
           { m.cells ? <div className={'l'}>{translate('cells')}: {m.cells}</div> : null }
diff --git a/src/app/components/LineChart.jsx b/src/app/components/LineChart.jsx
index 15823ec7..30deac54 100644
--- a/src/app/components/LineChart.jsx
+++ b/src/app/components/LineChart.jsx
@@ -235,13 +235,13 @@ export default class LineChart extends TranslatedComponent {
         <g className='x axis' ref={(elem) => d3.select(elem).call(this.xAxis)} transform={`translate(0,${innerHeight})`}>
           <text className='cap' y='30' dy='.1em' x={innerWidth / 2} style={{ textAnchor: 'middle' }}>
             <tspan>{xLabel}</tspan>
-            <tspan className='metric'>{` (${xUnit})`}</tspan>
+            <tspan className='metric'> ({xUnit})</tspan>
           </text>
         </g>
         <g className='y axis' ref={(elem) => d3.select(elem).call(this.yAxis)}>
           <text className='cap' transform='rotate(-90)' y='-50' dy='.1em' x={innerHeight / -2} style={{ textAnchor: 'middle' }}>
             <tspan>{yLabel}</tspan>
-            <tspan className='metric'>{` (${yUnit})`}</tspan>
+            <tspan className='metric'> ({yUnit})</tspan>
           </text>
         </g>
         <g ref={(g) => this.tipContainer = d3.select(g)} style={{ display: 'none' }}>
diff --git a/src/app/components/PowerBands.jsx b/src/app/components/PowerBands.jsx
index 1ac30fc3..0eff67bb 100644
--- a/src/app/components/PowerBands.jsx
+++ b/src/app/components/PowerBands.jsx
@@ -271,8 +271,8 @@ export default class PowerBands extends TranslatedComponent {
           <line x1={pctScale(0.5)} x2={pctScale(0.5)} y1='0' y2={state.innerHeight} className={pwrWarningClass} />
           <text dy='0.5em' x='-3' y={state.retY} className='primary upp' textAnchor='end' onMouseOver={this.context.termtip.bind(null, 'retracted')} onMouseLeave={this._hidetip}>{translate('ret')}</text>
           <text dy='0.5em' x='-3' y={state.depY} className='primary upp' textAnchor='end' onMouseOver={this.context.termtip.bind(null, 'deployed', { orientation: 's', cap: 1 })} onMouseLeave={this._hidetip}>{translate('dep')}</text>
-          <text dy='0.5em' x={innerWidth + 5} y={state.retY} className={getClass(retSelected, retSum, available)}>{f2(Math.max(0, retSum)) + ' (' + pct1(Math.max(0, retSum / available)) + ')'}</text>
-          <text dy='0.5em' x={innerWidth + 5} y={state.depY} className={getClass(depSelected, depSum, available)}>{f2(Math.max(0, depSum)) + ' (' + pct1(Math.max(0, depSum / available)) + ')'}</text>
+          <text dy='0.5em' x={innerWidth + 5} y={state.retY} className={getClass(retSelected, retSum, available)}>{f2(Math.max(0, retSum))} ({pct1(Math.max(0, retSum / available))})</text>
+          <text dy='0.5em' x={innerWidth + 5} y={state.depY} className={getClass(depSelected, depSum, available)}>{f2(Math.max(0, depSum))} ({pct1(Math.max(0, depSum / available))})</text>
         </g>
       </svg>
     );
diff --git a/src/app/i18n/Language.jsx b/src/app/i18n/Language.jsx
index 3c74a4dc..dc237c24 100644
--- a/src/app/i18n/Language.jsx
+++ b/src/app/i18n/Language.jsx
@@ -52,18 +52,18 @@ export function getLanguage(langCode) {
     },
     translate,
     units: {
-      CR: <u>{' ' + translate('CR')}</u>,     // Credits
-      kg: <u>{' ' + translate('kg')}</u>,     // Kilograms
-      kgs: <u>{' ' + translate('kg/s')}</u>,  // Kilograms per second
-      km: <u>{' ' + translate('km')}</u>,     // Kilometers
-      Ls: <u>{' ' + translate('Ls')}</u>,     // Light Seconds
-      LY: <u>{' ' + translate('LY')}</u>,     // Light Years
-      MJ: <u>{' ' + translate('MJ')}</u>,     // Mega Joules
-      'm/s': <u>{' ' + translate('m/s')}</u>, // Meters per second
-      MW: <u>{' ' + translate('MW')}</u>,     // Mega Watts (same as Mega Joules per second)
+      CR: <u> {translate('CR')}</u>,     // Credits
+      kg: <u> {translate('kg')}</u>,     // Kilograms
+      kgs: <u> {translate('kg/s')}</u>,  // Kilograms per second
+      km: <u> {translate('km')}</u>,     // Kilometers
+      Ls: <u> {translate('Ls')}</u>,     // Light Seconds
+      LY: <u> {translate('LY')}</u>,     // Light Years
+      MJ: <u> {translate('MJ')}</u>,     // Mega Joules
+      'm/s': <u> {translate('m/s')}</u>, // Meters per second
+      MW: <u> {translate('MW')}</u>,     // Mega Watts (same as Mega Joules per second)
       ps: <u>{translate('/s')}</u>,           // per second
       pm: <u>{translate('/min')}</u>,         // per minute
-      T: <u>{' ' + translate('T')}</u>,       // Metric Tons
+      T: <u> {translate('T')}</u>,       // Metric Tons
     }
   };
 }
diff --git a/src/app/utils/SlotFunctions.js b/src/app/utils/SlotFunctions.js
index 3063b592..ed47d4dc 100644
--- a/src/app/utils/SlotFunctions.js
+++ b/src/app/utils/SlotFunctions.js
@@ -235,7 +235,7 @@ export function diffDetails(language, m, mm) {
     }
     let sgDiffClass = Math.round((newShield - shield) * 100) / 100 == 0 ? 'muted' : (newShield > shield ? 'secondary' : 'warning');
 
-    propDiffs.push(<div key='shields'>{`${translate('shields')}: `}<span className={sgDiffClass}>{diff(formats.int, newShield, shield)}{units.MJ}</span></div>);
+    propDiffs.push(<div key='shields'>{translate('shields')}: <span className={sgDiffClass}>{diff(formats.int, newShield, shield)}{units.MJ}</span></div>);
   }
 
   if (m.grp == 'pd') {
@@ -265,10 +265,10 @@ export function diffDetails(language, m, mm) {
     let ladenRange = this.calcLadenRange(massDiff + capDiff, m.fuel, fsd);
 
     if (maxRange != this.unladenRange) {
-      propDiffs.push(<div key='maxRange'>{`${translate('max')} ${translate('jump range')}: `}<span className={maxRange > this.unladenRange ? 'secondary' : 'warning'}>{formats.round(maxRange)}{units.LY}</span></div>);
+      propDiffs.push(<div key='maxRange'>{translate('max')} {translate('jump range')}: <span className={maxRange > this.unladenRange ? 'secondary' : 'warning'}>{formats.round(maxRange)}{units.LY}</span></div>);
     }
     if (ladenRange != this.ladenRange) {
-      propDiffs.push(<div key='unladenRange'>{`${translate('laden')} ${translate('jump range')}: `}<span className={ladenRange > this.ladenRange ? 'secondary' : 'warning'}>{formats.round(ladenRange)}{units.LY}</span></div>);
+      propDiffs.push(<div key='unladenRange'>{translate('laden')} {translate('jump range')}: <span className={ladenRange > this.ladenRange ? 'secondary' : 'warning'}>{formats.round(ladenRange)}{units.LY}</span></div>);
     }
   }