diff --git a/packages/eds-core-react/src/components/Slider/Output.tsx b/packages/eds-core-react/src/components/Slider/Output.tsx
index 485101d0c0..fafe86593b 100644
--- a/packages/eds-core-react/src/components/Slider/Output.tsx
+++ b/packages/eds-core-react/src/components/Slider/Output.tsx
@@ -9,18 +9,23 @@ import { typographyTemplate } from '@equinor/eds-utils'
 import { slider as tokens } from './Slider.tokens'
 
 const {
-  entities: { track, output },
+  entities: { output },
 } = tokens
 
 const StyledOutput = styled.output`
   --realWidth: calc(100% - 12px);
+  --background: rgb(0 0 0 / 0.8);
   width: fit-content;
   position: relative;
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
   z-index: 1;
-  ${typographyTemplate(output.typography)}
-  background: ${tokens.background};
-  padding: 0 5px;
-  top: ${track.spacings.top};
+  ${typographyTemplate(output.typography)};
+  color: white;
+  background: var(--background);
+  padding: 8px;
+  top: -32px;
   pointer-events: none;
   /* Calculate the distance on the track*/
   margin-left: calc((var(--val) - var(--min)) / var(--dif) * var(--realWidth));
@@ -28,6 +33,18 @@ const StyledOutput = styled.output`
   transform: translate(calc(-1 * calc(var(--realWidth) / 2)));
   grid-row: 2;
   grid-column: 1 / -1;
+  opacity: var(--showTooltip);
+`
+
+const TooltipArrow = styled.svg`
+  width: 6px;
+  height: 8px;
+  position: absolute;
+  fill: var(--background);
+  top: calc(100% - 1px);
+  rotate: -90deg;
+  translate: -50%;
+  left: 50%;
 `
 
 type OutputProps = {
@@ -48,6 +65,9 @@ export const Output = forwardRef<HTMLOutputElement, OutputProps>(
         htmlFor={htmlFor}
       >
         {children}
+        <TooltipArrow>
+          <path d="M0.504838 4.86885C-0.168399 4.48524 -0.168399 3.51476 0.504838 3.13115L6 8.59227e-08L6 8L0.504838 4.86885Z" />
+        </TooltipArrow>
       </StyledOutput>
     )
   },
diff --git a/packages/eds-core-react/src/components/Slider/Slider.docs.mdx b/packages/eds-core-react/src/components/Slider/Slider.docs.mdx
index a386dd3db3..3b8c0efb3d 100644
--- a/packages/eds-core-react/src/components/Slider/Slider.docs.mdx
+++ b/packages/eds-core-react/src/components/Slider/Slider.docs.mdx
@@ -39,6 +39,10 @@ import { Slider } from '@equinor/eds-core-react'
 
 <Canvas of={ComponentStories.SimpleSlider} />
 
+### Label always visible
+
+<Canvas of={ComponentStories.LabelAlwaysOn} />
+
 ### Simple slider with steps
 
 <Canvas of={ComponentStories.SimpleSliderWithSteps} />
diff --git a/packages/eds-core-react/src/components/Slider/Slider.stories.tsx b/packages/eds-core-react/src/components/Slider/Slider.stories.tsx
index 088bab0520..da28253aba 100644
--- a/packages/eds-core-react/src/components/Slider/Slider.stories.tsx
+++ b/packages/eds-core-react/src/components/Slider/Slider.stories.tsx
@@ -48,6 +48,16 @@ export const SimpleSlider: StoryFn<SliderProps> = () => (
 )
 SimpleSlider.storyName = 'Simple slider'
 
+export const LabelAlwaysOn: StoryFn<SliderProps> = () => (
+  <Slider
+    value={4}
+    min={0}
+    max={10}
+    aria-labelledby="simple-slider"
+    labelAlwaysOn
+  />
+)
+
 export const SimpleSliderWithSteps: StoryFn<SliderProps> = () => (
   <>
     <Label
diff --git a/packages/eds-core-react/src/components/Slider/Slider.tokens.ts b/packages/eds-core-react/src/components/Slider/Slider.tokens.ts
index 53b0a71faf..a392442c6d 100644
--- a/packages/eds-core-react/src/components/Slider/Slider.tokens.ts
+++ b/packages/eds-core-react/src/components/Slider/Slider.tokens.ts
@@ -59,7 +59,7 @@ export const slider: SliderToken = {
     },
     output: {
       typography: {
-        ...paragraph.overline,
+        ...paragraph.caption,
         color: textColor,
       },
     },
diff --git a/packages/eds-core-react/src/components/Slider/Slider.tsx b/packages/eds-core-react/src/components/Slider/Slider.tsx
index eab8f71e19..628a1b8572 100644
--- a/packages/eds-core-react/src/components/Slider/Slider.tsx
+++ b/packages/eds-core-react/src/components/Slider/Slider.tsx
@@ -53,6 +53,7 @@ type RangeWrapperProps = {
   $max: number
   $disabled: boolean
   $hideActiveTrack: boolean
+  $labelAlwaysOn: boolean
 }
 
 const RangeWrapper = styled.div.attrs<RangeWrapperProps>(
@@ -75,6 +76,7 @@ const RangeWrapper = styled.div.attrs<RangeWrapperProps>(
     },
   }),
 )<RangeWrapperProps>`
+  ${({ $labelAlwaysOn }) => css({ '--showTooltip': $labelAlwaysOn ? 1 : 0 })};
   --dif: calc(var(--max) - var(--min));
   --realWidth: calc(100% - 12px);
   ${wrapperGrid}
@@ -109,12 +111,16 @@ const RangeWrapper = styled.div.attrs<RangeWrapperProps>(
       }
     }
   }
+  &:where(:hover, :has(:focus-visible)) {
+    --showTooltip: 1;
+  }
 `
 
 type WrapperProps = {
   $min: number
   $max: number
   $hideActiveTrack: boolean
+  $labelAlwaysOn: boolean
 } & Pick<SliderProps, 'disabled' | 'value'>
 
 const Wrapper = styled.div.attrs<WrapperProps>(
@@ -135,6 +141,7 @@ const Wrapper = styled.div.attrs<WrapperProps>(
     },
   }),
 )<WrapperProps>`
+  ${({ $labelAlwaysOn }) => css({ '--showTooltip': $labelAlwaysOn ? 1 : 0 })};
   --dif: calc(var(--max) - var(--min));
   --realWidth: calc(100% - 12px);
   ${wrapperGrid}
@@ -158,6 +165,9 @@ const Wrapper = styled.div.attrs<WrapperProps>(
       }
     }
   }
+  &:where(:hover, :has(:focus-visible)) {
+    --showTooltip: 1;
+  }
 `
 
 const WrapperGroupLabel = styled.div`
@@ -226,6 +236,10 @@ export type SliderProps = {
   disabled?: boolean
   /** hides the "active" fill color from the track */
   hideActiveTrack?: boolean
+  /** Make the current value tooltip always visible, otherwise it only shows on hover/focus
+   * @default false
+   */
+  labelAlwaysOn?: boolean
 } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>
 
 export const Slider = forwardRef<HTMLDivElement, SliderProps>(function Slider(
@@ -238,6 +252,7 @@ export const Slider = forwardRef<HTMLDivElement, SliderProps>(function Slider(
     onChangeCommitted,
     minMaxDots = true,
     minMaxValues = true,
+    labelAlwaysOn,
     step = 1,
     disabled,
     hideActiveTrack,
@@ -394,6 +409,7 @@ export const Slider = forwardRef<HTMLDivElement, SliderProps>(function Slider(
           $min={min}
           $disabled={disabled}
           $hideActiveTrack={hideActiveTrack}
+          $labelAlwaysOn={labelAlwaysOn}
           onMouseMove={findClosestRange}
           onMouseDown={handleDragging}
           onMouseUp={handleDragging}
@@ -457,6 +473,7 @@ export const Slider = forwardRef<HTMLDivElement, SliderProps>(function Slider(
           value={sliderValue[0]}
           disabled={disabled}
           $hideActiveTrack={hideActiveTrack}
+          $labelAlwaysOn={labelAlwaysOn}
         >
           <SliderInput
             type="range"
diff --git a/packages/eds-core-react/src/components/Slider/__snapshots__/Slider.test.tsx.snap b/packages/eds-core-react/src/components/Slider/__snapshots__/Slider.test.tsx.snap
index c55e685782..06d0a0ae39 100644
--- a/packages/eds-core-react/src/components/Slider/__snapshots__/Slider.test.tsx.snap
+++ b/packages/eds-core-react/src/components/Slider/__snapshots__/Slider.test.tsx.snap
@@ -2,16 +2,14 @@
 
 exports[`Simple slider Matches snapshot 1`] = `
 <DocumentFragment>
-  .c5 {
+  .c6 {
   grid-row: 2;
   margin: 0;
   color: var(--eds_text__static_icons__tertiary, rgba(111, 111, 111, 1));
   font-family: Equinor;
-  font-size: 0.625rem;
+  font-size: 0.875rem;
   font-weight: 500;
-  line-height: 1.600em;
-  letter-spacing: 0.069em;
-  text-transform: uppercase;
+  line-height: 1.143em;
   text-align: left;
   position: absolute;
   left: 2px;
@@ -21,7 +19,7 @@ exports[`Simple slider Matches snapshot 1`] = `
   transform: translate(calc(-1 * calc((100% - 8px) / 2)));
 }
 
-.c5:last-child {
+.c6:last-child {
   left: auto;
   right: 2px;
   transform: translate(calc((100% - 8px) / 2));
@@ -29,26 +27,41 @@ exports[`Simple slider Matches snapshot 1`] = `
 
 .c2 {
   --realWidth: calc(100% - 12px);
+  --background: rgb(0 0 0 / 0.8);
   width: fit-content;
   position: relative;
+  display: flex;
+  align-items: center;
+  border-radius: 4px;
   z-index: 1;
   margin: 0;
   color: var(--eds_text__static_icons__tertiary, rgba(111, 111, 111, 1));
   font-family: Equinor;
-  font-size: 0.625rem;
+  font-size: 0.875rem;
   font-weight: 500;
-  line-height: 1.600em;
-  letter-spacing: 0.069em;
-  text-transform: uppercase;
+  line-height: 1.143em;
   text-align: left;
-  background: var(--eds_ui_background__default, rgba(255, 255, 255, 1));
-  padding: 0 5px;
-  top: 24px;
+  color: white;
+  background: var(--background);
+  padding: 8px;
+  top: -32px;
   pointer-events: none;
   margin-left: calc((var(--val) - var(--min)) / var(--dif) * var(--realWidth));
   transform: translate(calc(-1 * calc(var(--realWidth) / 2)));
   grid-row: 2;
   grid-column: 1/-1;
+  opacity: var(--showTooltip);
+}
+
+.c3 {
+  width: 6px;
+  height: 8px;
+  position: absolute;
+  fill: var(--background);
+  top: calc(100% - 1px);
+  rotate: -90deg;
+  translate: -50%;
+  left: 50%;
 }
 
 .c1 {
@@ -165,6 +178,7 @@ exports[`Simple slider Matches snapshot 1`] = `
 }
 
 .c0 {
+  --showTooltip: 0;
   --dif: calc(var(--max) - var(--min));
   --realWidth: calc(100% - 12px);
   display: grid;
@@ -172,7 +186,7 @@ exports[`Simple slider Matches snapshot 1`] = `
   grid-template-columns: 1fr 1fr;
   width: 100%;
   position: relative;
-  background-image: url("data:image/svg+xml,<svg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'><rect x='0' y='11' fill='var(--eds_ui_background__light, rgba(247, 247, 247, 1))' width='100%' height='4' rx='2' /></svg>");background-size:cover;background-repeat:no-repeat;} .c0::after{grid-column:1/span 2;grid-row:2;height:4px;margin-bottom:9px;align-self:end;content:'';background:var(--background);} .c0::after{margin-right:calc( (var(--max) - var(--value)) / var(--dif) * var(--realWidth) );margin-left:3px;} @media (hover:hover) and (pointer:fine){.c0:hover:not([disabled]){background-image:url("data:image/svg+xml,<svg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'><rect x='0' y='11' fill='var(--eds_ui_background__medium, rgba(220, 220, 220, 1))' width='100%' height='4' rx='2' /></svg>");}.c0:hover:not([disabled])::after{background:var(--background-hover);}} .c3{grid-row:1;grid-column:1/3;} .c4:before,.c4:after{content:' ';
+  background-image: url("data:image/svg+xml,<svg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'><rect x='0' y='11' fill='var(--eds_ui_background__light, rgba(247, 247, 247, 1))' width='100%' height='4' rx='2' /></svg>");background-size:cover;background-repeat:no-repeat;} .c0::after{grid-column:1/span 2;grid-row:2;height:4px;margin-bottom:9px;align-self:end;content:'';background:var(--background);} .c0::after{margin-right:calc( (var(--max) - var(--value)) / var(--dif) * var(--realWidth) );margin-left:3px;} @media (hover:hover) and (pointer:fine){.c0:hover:not([disabled]){background-image:url("data:image/svg+xml,<svg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'><rect x='0' y='11' fill='var(--eds_ui_background__medium, rgba(220, 220, 220, 1))' width='100%' height='4' rx='2' /></svg>");}.c0:hover:not([disabled])::after{background:var(--background-hover);}} .c0:where(:hover,:has(:focus-visible)){--showTooltip:1;} .c4{grid-row:1;grid-column:1/3;} .c5:before,.c5:after{content:' ';
   display: block;
   position: absolute;
   width: 6px;
@@ -184,7 +198,7 @@ exports[`Simple slider Matches snapshot 1`] = `
   left: 0;
 }
 
-.c4:after {
+.c5:after {
   right: 0;
   left: auto;
 }
@@ -247,17 +261,24 @@ exports[`Simple slider Matches snapshot 1`] = `
       style="--val: 0;"
     >
       0
+      <svg
+        class="c3"
+      >
+        <path
+          d="M0.504838 4.86885C-0.168399 4.48524 -0.168399 3.51476 0.504838 3.13115L6 8.59227e-08L6 8L0.504838 4.86885Z"
+        />
+      </svg>
     </output>
     <div
-      class="c3 c4"
+      class="c4 c5"
     />
     <span
-      class="c5"
+      class="c6"
     >
       0
     </span>
     <span
-      class="c5"
+      class="c6"
     >
       100
     </span>