Refs #2973: fix design display degradation on IE

1 files changed, 4 insertions, 2 deletions

diff --git a/app/assets/javascripts/es6_browserified/itineraries/components/StopPoint.js b/app/assets/javascripts/es6_browserified/itineraries/components/StopPoint.js
index de95759e1..ba6539093 100644
--- a/app/assets/javascripts/es6_browserified/itineraries/components/StopPoint.js
+++ b/app/assets/javascripts/es6_browserified/itineraries/components/StopPoint.js
@@ -7,7 +7,9 @@ const StopPoint = (props) => {
   return (
     <div className='nested-fields'>
       <div className='wrapper'>
-        <div style={{width: 90}}>{props.value.user_objectid}</div>
+        <div style={{width: 90}}>
+          <span>{props.value.user_objectid}</span>
+        </div>
 
         <div>
           <BSelect2 id={'route_stop_points_' + props.id} value={props.value} onChange={props.onChange} index={props.index} />
@@ -47,7 +49,7 @@ const StopPoint = (props) => {
           >
             <span className='fa fa-arrow-down'></span>
           </div>
-          
+
           <div
             className='btn btn-link'
             onClick={props.onToggleEdit}