[LENS-1138] IE11 Range Slider Fix (#1348)

Author: dbchristopher

CHANGELOG.md

@@ -23,6 +23,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - Update Space gap for consistent rendering across browsers
   - Set min-width on `InputText` to fix `Select` layout bug at small sizes
   - Resolve Slider style inconsistencies by rendering a div rather than the vanilla slider input
+- IE11 layout fixes
+  - RangeSlider value labels now move with the thumb controls
 
 ### Changed
 

packages/components/src/Form/Inputs/RangeSlider/RangeSlider.tsx

@@ -428,7 +428,8 @@ const ThumbLabel = styled.div<ThumbLabelProps>`
   position: absolute;
   text-align: center;
   top: -24px;
-  transform: translateX(calc(${({ position = 0 }) => `${position}px`} - 50%));
+  transform: translateX(${({ position = 0 }) => `${position}px`})
+    translateX(-50%);
   user-select: none;
   z-index: ${({ focus }) => (focus ? 1 : 0)};
 `