diff --git a/slider/internal/slider.ts b/slider/internal/slider.ts
index 5ffe7333cd..562f176b6b 100644
--- a/slider/internal/slider.ts
+++ b/slider/internal/slider.ts
@@ -435,13 +435,13 @@ export class Slider extends sliderBaseClass {
         onTop,
         isOverlapping,
       })}">
-      <div class="handleNub"><md-elevation></md-elevation></div>
-      ${when(this.labeled, () => this.renderLabel(label))}
       <md-focus-ring part="focus-ring" for=${name}></md-focus-ring>
       <md-ripple
         for=${name}
         class=${name}
         ?disabled=${this.disabled}></md-ripple>
+      <div class="handleNub"><md-elevation></md-elevation></div>
+      ${when(this.labeled, () => this.renderLabel(label))}
     </div>`;
   }