diff --git a/docs/src/app/(public)/(content)/react/components/slider/demos/hero/css-modules/index.module.css b/docs/src/app/(public)/(content)/react/components/slider/demos/hero/css-modules/index.module.css
index e779ad5c63..e2df2f6539 100644
--- a/docs/src/app/(public)/(content)/react/components/slider/demos/hero/css-modules/index.module.css
+++ b/docs/src/app/(public)/(content)/react/components/slider/demos/hero/css-modules/index.module.css
@@ -4,6 +4,8 @@
   align-items: center;
   width: 14rem;
   padding-block: 0.75rem;
+  touch-action: none;
+  user-select: none;
 }
 
 .Track {
@@ -12,11 +14,13 @@
   background-color: var(--color-gray-200);
   box-shadow: inset 0 0 0 1px var(--color-gray-200);
   border-radius: 0.25rem;
+  user-select: none;
 }
 
 .Indicator {
   border-radius: 0.25rem;
   background-color: var(--color-gray-700);
+  user-select: none;
 }
 
 .Thumb {
@@ -25,6 +29,7 @@
   border-radius: 100%;
   background-color: white;
   outline: 1px solid var(--color-gray-300);
+  user-select: none;
 
   &:focus-visible {
     outline: 2px solid var(--color-blue);
diff --git a/docs/src/app/(public)/(content)/react/components/slider/demos/hero/tailwind/index.tsx b/docs/src/app/(public)/(content)/react/components/slider/demos/hero/tailwind/index.tsx
index 1632fac9d2..f72b5220a7 100644
--- a/docs/src/app/(public)/(content)/react/components/slider/demos/hero/tailwind/index.tsx
+++ b/docs/src/app/(public)/(content)/react/components/slider/demos/hero/tailwind/index.tsx
@@ -4,10 +4,10 @@ import { Slider } from '@base-ui-components/react/slider';
 export default function ExampleSlider() {
   return (
     <Slider.Root defaultValue={25}>
-      <Slider.Control className="flex w-56 items-center py-3">
-        <Slider.Track className="h-1 w-full rounded bg-gray-200 shadow-[inset_0_0_0_1px] shadow-gray-200">
-          <Slider.Indicator className="rounded bg-gray-700" />
-          <Slider.Thumb className="size-4 rounded-full bg-white outline outline-1 outline-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-800" />
+      <Slider.Control className="flex w-56 touch-none items-center py-3 select-none">
+        <Slider.Track className="h-1 w-full rounded bg-gray-200 shadow-[inset_0_0_0_1px] shadow-gray-200 select-none">
+          <Slider.Indicator className="rounded bg-gray-700 select-none" />
+          <Slider.Thumb className="size-4 rounded-full bg-white outline outline-1 outline-gray-300 select-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-800" />
         </Slider.Track>
       </Slider.Control>
     </Slider.Root>