diff --git a/src/components/slider/slider.tsx b/src/components/slider/slider.tsx
index 2882bef..2e6858a 100644
--- a/src/components/slider/slider.tsx
+++ b/src/components/slider/slider.tsx
@@ -34,6 +34,7 @@ export function Slider({
       max={max}
       min={min}
       step={step}
+      tabIndex={0}
       value={value !== undefined ? [value] : undefined}
       onValueChange={handleValueChange}
     >
diff --git a/src/components/toolbar/menu/menu.tsx b/src/components/toolbar/menu/menu.tsx
index 7175790..f7948f4 100644
--- a/src/components/toolbar/menu/menu.tsx
+++ b/src/components/toolbar/menu/menu.tsx
@@ -144,18 +144,12 @@ export function Menu() {
 
                     <div className={styles.globalVolume}>
                       <label htmlFor="global-volume">Global Volume</label>
-
-                      <DropdownMenu.Item
-                        asChild
-                        onSelect={e => e.preventDefault()}
-                      >
-                        <Slider
-                          max={100}
-                          min={0}
-                          value={globalVolume * 100}
-                          onChange={value => setGlobalVolume(value / 100)}
-                        />
-                      </DropdownMenu.Item>
+                      <Slider
+                        max={100}
+                        min={0}
+                        value={globalVolume * 100}
+                        onChange={value => setGlobalVolume(value / 100)}
+                      />
                     </div>
 
                     <Divider />