diff --git a/src/components/fields/Slider.vue b/src/components/fields/Slider.vue
index a6371e8..0dc3de4 100644
--- a/src/components/fields/Slider.vue
+++ b/src/components/fields/Slider.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="field">
         <span class="field-title" v-if="title">{{ title }}</span>
-        <Tooltip :display="`${value}`" :class="{ fullWidth: !title }">
+        <Tooltip :display="`${value}`" :class="{ fullWidth: !title }" :direction="Direction.Down">
             <input type="range" v-model="value" :min="min" :max="max" />
         </Tooltip>
     </div>
@@ -11,6 +11,7 @@
 import { computed, toRefs, unref } from "vue";
 import Tooltip from "features/tooltips/Tooltip.vue";
 import "components/common/fields.css";
+import { Direction } from "util/common";
 
 const _props = defineProps<{
     title?: string;