diff --git a/src/components/Base/BaseListItem.vue b/src/components/Base/BaseListItem.vue
index e81e50bf39..0371091ed3 100644
--- a/src/components/Base/BaseListItem.vue
+++ b/src/components/Base/BaseListItem.vue
@@ -36,6 +36,7 @@ defineEmits<{
   border: none;
   padding: vars.$padding-1 vars.$padding-2;
   border-radius: vars.$radius-1;
+  text-align: left;
 
   &:not(.selected):hover {
     background-color: colors.$clear-hovered;
diff --git a/src/components/Base/BaseSlider.vue b/src/components/Base/BaseSlider.vue
index 1c84e7fff1..ab19d9e53a 100644
--- a/src/components/Base/BaseSlider.vue
+++ b/src/components/Base/BaseSlider.vue
@@ -5,7 +5,7 @@
     :max
     :step
     :disabled
-    :modelValue="[model]"
+    :modelValue="[modelValue]"
     @update:modelValue="
       (value) => {
         if (value == undefined) {
@@ -14,6 +14,8 @@
         $emit('update:modelValue', value[0]);
       }
     "
+    @wheel="onWheel"
+    @valueCommit="$emit('valueCommit', $event[0])"
   >
     <SliderTrack class="SliderTrack">
       <SliderRange class="SliderRange" />
@@ -24,20 +26,52 @@
 
 <script setup lang="ts">
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from "radix-vue";
+import { isOnCommandOrCtrlKeyDown } from "@/store/utility";
+import { debounce } from "@/helpers/timer";
 
-defineProps<{
-  min?: number;
-  max?: number;
-  step?: number;
-  disabled?: boolean;
-  modelValue: number;
-}>();
+const props = withDefaults(
+  defineProps<{
+    min?: number;
+    max?: number;
+    step?: number;
+    scrollStep?: number;
+    disabled?: boolean;
+    modelValue: number;
+  }>(),
+  {
+    min: 0,
+    max: 100,
+    step: 1,
+    scrollStep: undefined,
+  },
+);
 
-defineEmits<{
+const emit = defineEmits<{
   "update:modelValue": [value: number];
+  valueCommit: [value: number];
 }>();
 
-const model = defineModel<number>({ required: true });
+const debounceEmitValueCommit = debounce(
+  (value: number) => emit("valueCommit", value),
+  300,
+);
+
+const onWheel = (event: WheelEvent) => {
+  if (props.disabled) return;
+  event.preventDefault();
+
+  const delta = event.deltaY > 0 ? -1 : 1;
+  const scrollStep =
+    props.scrollStep && !isOnCommandOrCtrlKeyDown(event)
+      ? props.scrollStep
+      : props.step;
+
+  const value = props.modelValue + scrollStep * delta;
+  const clampedValue = Math.min(props.max, Math.max(props.min, value));
+
+  emit("update:modelValue", clampedValue);
+  debounceEmitValueCommit(clampedValue);
+};
 </script>
 
 <style lang="scss">
@@ -49,7 +83,7 @@ const model = defineModel<number>({ required: true });
   position: relative;
   display: flex;
   align-items: center;
-  height: vars.$size-control;
+  height: vars.$size-indicator;
   cursor: grab;
 
   &:active {
diff --git a/src/components/Base/BaseTextField.vue b/src/components/Base/BaseTextField.vue
index 4d1842d524..d387313cfc 100644
--- a/src/components/Base/BaseTextField.vue
+++ b/src/components/Base/BaseTextField.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="wrapper">
     <input
+      :id
       v-model="model"
       type="text"
       class="input"
@@ -8,6 +9,7 @@
       :placeholder
       :readonly
       :disabled
+      @change="(payload) => $emit('change', payload)"
       @click="(payload) => $emit('click', payload)"
     />
     <div v-if="hasError" class="error-label">
@@ -22,9 +24,11 @@ defineProps<{
   hasError?: boolean;
   readonly?: boolean;
   disabled?: boolean;
+  id?: string;
 }>();
 
 defineEmits<{
+  change: [payload: Event];
   click: [payload: MouseEvent];
 }>();
 
@@ -66,7 +70,8 @@ const model = defineModel<string>();
 }
 
 .error {
-  border: 2px solid colors.$display-warning;
+  @include mixin.on-focus;
+  outline-color: colors.$display-warning !important;
 }
 
 .error-label {
diff --git a/src/components/Dialog/PresetManageDialog.vue b/src/components/Dialog/PresetManageDialog.vue
index 0c5da3ee16..d55abe77d7 100644
--- a/src/components/Dialog/PresetManageDialog.vue
+++ b/src/components/Dialog/PresetManageDialog.vue
@@ -7,7 +7,7 @@
     class="setting-dialog transparent-backdrop"
     @update:modelValue="updateOpenDialog"
   >
-    <QLayout container view="hHh Lpr lff" class="bg-background">
+    <QLayout container view="hHh Lpr lff">
       <QHeader class="q-py-sm">
         <QToolbar>
           <QToolbarTitle class="text-display">プリセットの管理</QToolbarTitle>
@@ -37,11 +37,13 @@
               >
                 <template #item="{ element: item }">
                   <BaseListItem
-                    :selected="selectedPresetKey === item.key"
-                    @click="selectedPresetKey = item.key"
+                    :selected="selected?.key === item.key"
+                    @click="selectPreset(item.key)"
                   >
                     <div class="listitem-content">
-                      {{ item.name }}
+                      <span class="listitem-name">
+                        {{ item.name }}
+                      </span>
                       <div class="listitem-icon">
                         <BaseIconButton
                           icon="delete_outline"
@@ -56,87 +58,90 @@
             </template>
             <div class="detail">
               <BaseScrollArea>
-                <div v-if="selectedPreset" class="inner">
+                <div v-if="selected" class="inner">
                   <div class="parameter-list">
-                    <h2 class="preset-name">{{ selectedPreset.name }}</h2>
+                    <h2 class="preset-name">
+                      {{ selected.preset.name }}
+                    </h2>
+                    <div class="preset-field">
+                      <label for="preset-name">プリセット名</label>
+                      <BaseTextField
+                        id="preset-name"
+                        :modelValue="selected.preset.name"
+                        :hasError="!selected.preset.name"
+                        @change="changePresetName"
+                      />
+                    </div>
                     <template
                       v-for="(value, sliderKey) in SLIDER_PARAMETERS"
                       :key="sliderKey"
                     >
-                      <div
+                      <ParameterSlider
                         v-if="sliderKey in parameterLabels"
-                        class="parameter"
-                      >
-                        <div class="parameter-header">
-                          <span>
-                            {{ parameterLabels[sliderKey as ParameterType] }}
-                          </span>
-                          <span>
-                            {{
-                              selectedPreset[
-                                sliderKey as ParameterType
-                              ].toFixed(2)
-                            }}
-                          </span>
-                        </div>
-                        <!-- NOTE: プルリクエスト分割のため、まずは動かないスライダーが実装されている。変更機能も実装予定。 -->
-                        <BaseSlider
-                          :min="value.min()"
-                          :max="value.max()"
-                          :step="value.step()"
-                          :modelValue="
-                            selectedPreset[sliderKey as ParameterType]
+                        v-model="selected.preset[sliderKey as ParameterType]"
+                        :sliderKey
+                        :min="value.min()"
+                        :max="value.max()"
+                        :step="value.step()"
+                        :scrollStep="value.scrollStep()"
+                        :label="parameterLabels[sliderKey as ParameterType]"
+                      />
+                    </template>
+                    <!-- NOTE: モーフィング無効時にキャラ選択解除するといきなり非表示になってしまうが、稀なケースなため無対策 -->
+                    <template
+                      v-if="shouldShowMorphing || selected.preset.morphingInfo"
+                    >
+                      <h3 class="parameter-headline">モーフィング</h3>
+                      <div class="mophing-style">
+                        <CharacterButton
+                          :selectedVoice="
+                            selected.preset.morphingInfo
+                              ? {
+                                  engineId:
+                                    selected.preset.morphingInfo.targetEngineId,
+                                  speakerId:
+                                    selected.preset.morphingInfo
+                                      .targetSpeakerId,
+                                  styleId:
+                                    selected.preset.morphingInfo.targetStyleId,
+                                }
+                              : undefined
                           "
+                          :characterInfos="morphingTargetCharacters"
+                          :showEngineInfo="morphingTargetEngines.length >= 2"
+                          :emptiable="true"
+                          :uiLocked="false"
+                          @update:selectedVoice="handleSelectedVoiceUpdate"
                         />
-                      </div>
-                    </template>
-                  </div>
-                  <div
-                    v-if="selectedPreset.morphingInfo"
-                    class="parameter-list"
-                  >
-                    <h3 class="parameter-headline">モーフィング</h3>
-                    <div class="mophing-style">
-                      <CharacterButton
-                        v-if="morphingTargetCharacterInfo"
-                        :selectedVoice="{
-                          engineId: selectedPreset.morphingInfo.targetEngineId,
-                          speakerId:
-                            selectedPreset.morphingInfo.targetSpeakerId,
-                          styleId: selectedPreset.morphingInfo.targetStyleId,
-                        }"
-                        :characterInfos="[morphingTargetCharacterInfo]"
-                        :showEngineInfo="morphingTargetEngines.length >= 2"
-                        :emptiable="true"
-                        :uiLocked="false"
-                      />
-                      <span v-if="morphingTargetCharacterInfo">
-                        {{ morphingTargetCharacterInfo.metas.speakerName }}
-                      </span>
-                      <span
-                        v-if="
-                          morphingTargetCharacterInfo &&
-                          morphingTargetCharacterInfo.metas.styles.length >= 2
-                        "
-                      >
-                        （{{ morphingTargetStyleInfo?.styleName }}）
-                      </span>
-                    </div>
-                    <div class="parameter">
-                      <div class="parameter-header">
-                        <span>割合</span>
                         <span>
-                          {{ selectedPreset.morphingInfo.rate.toFixed(2) }}
+                          {{
+                            morphingTargetCharacterInfo
+                              ? morphingTargetCharacterInfo.metas.speakerName
+                              : "未設定"
+                          }}
+                        </span>
+                        <span
+                          v-if="
+                            morphingTargetCharacterInfo &&
+                            morphingTargetCharacterInfo.metas.styles.length >= 2
+                          "
+                        >
+                          （{{ morphingTargetStyleInfo?.styleName }}）
                         </span>
                       </div>
-                      <!-- NOTE: プルリクエスト分割のため、まずは動かないスライダーが実装されている。変更機能も実装予定。 -->
-                      <BaseSlider
+                      <ParameterSlider
+                        v-if="selected.preset.morphingInfo"
+                        v-model="selected.preset.morphingInfo.rate"
+                        sliderKey="morphingRate"
+                        label="割合"
                         :min="SLIDER_PARAMETERS.morphingRate.min()"
                         :max="SLIDER_PARAMETERS.morphingRate.max()"
                         :step="SLIDER_PARAMETERS.morphingRate.step()"
-                        :modelValue="selectedPreset.morphingInfo.rate"
+                        :scrollStep="
+                          SLIDER_PARAMETERS.morphingRate.scrollStep()
+                        "
                       />
-                    </div>
+                    </template>
                   </div>
                 </div>
               </BaseScrollArea>
@@ -149,18 +154,28 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import Draggable from "vuedraggable";
 import { useStore } from "@/store";
 import BaseListItem from "@/components/Base/BaseListItem.vue";
 import BaseNavigationView from "@/components/Base/BaseNavigationView.vue";
 import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
 import BaseIconButton from "@/components/Base/BaseIconButton.vue";
-import BaseSlider from "@/components/Base/BaseSlider.vue";
+import BaseTextField from "@/components/Base/BaseTextField.vue";
 import CharacterButton from "@/components/CharacterButton.vue";
+import ParameterSlider from "@/components/Talk/v2/ParameterSlider.vue";
 import { useDefaultPreset } from "@/composables/useDefaultPreset";
-import { Preset, PresetKey, PresetSliderKey } from "@/type/preload";
+import {
+  CharacterInfo,
+  Preset,
+  PresetKey,
+  PresetSliderKey,
+  Voice,
+} from "@/type/preload";
 import { SLIDER_PARAMETERS } from "@/store/utility";
+import { cloneWithUnwrapProxy } from "@/helpers/cloneWithUnwrapProxy";
+import { debounce } from "@/helpers/timer";
+import { UnreachableError } from "@/type/utility";
 
 const props = defineProps<{
   openDialog: boolean;
@@ -202,15 +217,6 @@ const previewPresetList = computed(() =>
     : presetList.value,
 );
 
-const morphingTargetEngines = store.getters.MORPHING_SUPPORTED_ENGINES;
-
-const selectedPresetKey = ref();
-const selectedPreset = computed(() => {
-  return previewPresetList.value.find(
-    (preset) => preset.key === selectedPresetKey.value,
-  );
-});
-
 type ParameterType = Exclude<PresetSliderKey, "morphingRate">;
 const parameterLabels: Record<ParameterType, string> = {
   speedScale: "話速",
@@ -222,6 +228,41 @@ const parameterLabels: Record<ParameterType, string> = {
   postPhonemeLength: "終了無音",
 };
 
+const selected = ref<undefined | { key: PresetKey; preset: Preset }>();
+
+const selectPreset = (key: PresetKey | undefined) => {
+  if (key == undefined) {
+    selected.value = undefined;
+    return;
+  }
+  selected.value = {
+    key,
+    preset: cloneWithUnwrapProxy(presetItems.value[key]),
+  };
+};
+
+watch(
+  () => selected.value,
+  debounce((value) => {
+    if (value == undefined) {
+      throw new UnreachableError();
+    }
+    if (value.preset.name == "") return;
+
+    void store.actions.UPDATE_PRESET({
+      presetData: value.preset,
+      presetKey: value.key,
+    });
+  }, 300),
+  { deep: true },
+);
+
+const changePresetName = (event: Event) => {
+  if (event.target instanceof HTMLInputElement && selected.value) {
+    selected.value.preset.name = event.target.value;
+  }
+};
+
 const reorderPreset = (featurePresetList: (Preset & { key: PresetKey })[]) => {
   const newPresetKeys = featurePresetList.map((item) => item.key);
   previewPresetKeys.value = newPresetKeys;
@@ -251,19 +292,32 @@ const deletePreset = async (key: PresetKey) => {
   }
 };
 
+const shouldShowMorphing = computed(
+  () => store.state.experimentalSetting.enableMorphing,
+);
+
+const morphingTargetEngines = store.getters.MORPHING_SUPPORTED_ENGINES;
+
+const morphingTargetCharacters = computed<CharacterInfo[]>(() => {
+  const allCharacterInfos = store.getters.USER_ORDERED_CHARACTER_INFOS("talk");
+  if (allCharacterInfos == undefined)
+    throw new Error("USER_ORDERED_CHARACTER_INFOS == undefined");
+
+  return allCharacterInfos;
+});
+
 const morphingTargetCharacterInfo = computed(() =>
   store.getters
     .USER_ORDERED_CHARACTER_INFOS("talk")
     ?.find(
       (character) =>
         character.metas.speakerUuid ===
-        selectedPreset.value?.morphingInfo?.targetSpeakerId,
+        selected.value?.preset.morphingInfo?.targetSpeakerId,
     ),
 );
 
 const morphingTargetStyleInfo = computed(() => {
-  const morphingInfo = selectedPreset.value?.morphingInfo;
-
+  const morphingInfo = selected.value?.preset.morphingInfo;
   if (!morphingInfo) return;
 
   return morphingTargetCharacterInfo.value?.metas.styles.find(
@@ -272,10 +326,29 @@ const morphingTargetStyleInfo = computed(() => {
       style.styleId === morphingInfo.targetStyleId,
   );
 });
+
+const handleSelectedVoiceUpdate = (event: Voice | undefined) => {
+  if (selected.value == undefined) {
+    throw new Error("selectedPreset is undefined");
+  }
+
+  if (event == undefined) {
+    selected.value.preset.morphingInfo = undefined;
+    return;
+  }
+
+  selected.value.preset.morphingInfo = {
+    targetEngineId: event.engineId,
+    targetSpeakerId: event.speakerId,
+    targetStyleId: event.styleId,
+    rate: selected.value.preset.morphingInfo?.rate ?? 0.5,
+  };
+};
 </script>
 
 <style scoped lang="scss">
 @use "@/styles/v2/variables" as vars;
+@use "@/styles/v2/colors" as colors;
 @use "@/styles/v2/mixin" as mixin;
 
 .q-layout-container > :deep(.absolute-full) {
@@ -300,7 +373,14 @@ const morphingTargetStyleInfo = computed(() => {
   justify-content: space-between;
   align-items: center;
   gap: vars.$gap-1;
-  width: 100%;
+  width: 320px;
+}
+
+.listitem-name {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  flex: 1;
 }
 
 .listitem-icon {
@@ -317,15 +397,22 @@ const morphingTargetStyleInfo = computed(() => {
 }
 
 .inner {
-  min-height: 100%;
   display: flex;
   flex-direction: column;
   padding: vars.$padding-2;
   gap: vars.$gap-2;
+  margin-inline: auto;
+  max-width: 480px;
 }
 
 .preset-name {
   @include mixin.headline-1;
+  word-break: break-all;
+}
+
+.preset-field {
+  display: flex;
+  flex-direction: column;
 }
 
 .parameter-headline {
@@ -333,19 +420,12 @@ const morphingTargetStyleInfo = computed(() => {
 }
 
 .parameter-list {
-  margin-inline: auto;
-  max-width: 480px;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: vars.$gap-2;
 }
 
-.parameter-header {
-  display: flex;
-  justify-content: space-between;
-}
-
 .mophing-style {
   display: flex;
   align-items: center;
diff --git a/src/components/Talk/v2/ParameterSlider.vue b/src/components/Talk/v2/ParameterSlider.vue
new file mode 100644
index 0000000000..7e3df1c898
--- /dev/null
+++ b/src/components/Talk/v2/ParameterSlider.vue
@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <div class="parameter-header">
+      <label :for="`parameter-${sliderKey}`" class="parameter-label">
+        {{ label }}
+      </label>
+      <input
+        :id="`parameter-${sliderKey}`"
+        :value="innerValueFixed"
+        class="parameter-input"
+        type="text"
+        @change="handleInputChange"
+      />
+    </div>
+    <BaseSlider
+      v-model="innerValue"
+      :min
+      :max
+      :step
+      :scrollStep
+      @valueCommit="$emit('update:modelValue', $event)"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watchEffect } from "vue";
+import BaseSlider from "@/components/Base/BaseSlider.vue";
+
+const props = defineProps<{
+  sliderKey: string;
+  min: number;
+  max: number;
+  step: number;
+  scrollStep: number;
+  label: string;
+  modelValue: number;
+}>();
+
+const innerValue = ref(props.modelValue);
+watchEffect(() => {
+  innerValue.value = props.modelValue;
+});
+const innerValueFixed = computed(() => innerValue.value.toFixed(2));
+
+const emit = defineEmits<{
+  /** 値が確定したタイミングで実行される */
+  "update:modelValue": [value: number];
+}>();
+
+const handleInputChange = (event: Event) => {
+  if (!(event.target instanceof HTMLInputElement)) {
+    throw new Error("Event target is not an HTMLInputElement");
+  }
+
+  const rawValue = Number(event.target.value);
+  if (Number.isNaN(rawValue)) {
+    event.target.value = innerValueFixed.value;
+    return;
+  }
+
+  const value = Math.min(Math.max(rawValue, props.min), props.max);
+  emit("update:modelValue", value);
+};
+</script>
+
+<style scoped lang="scss">
+@use "@/styles/v2/variables" as vars;
+@use "@/styles/v2/colors" as colors;
+@use "@/styles/v2/mixin" as mixin;
+
+.parameter-header {
+  display: flex;
+  justify-content: space-between;
+}
+
+.parameter-input {
+  border: none;
+  width: 64px;
+  background-color: transparent;
+  text-align: right;
+  border-radius: vars.$radius-1;
+  color: colors.$display;
+
+  &:focus-visible {
+    @include mixin.on-focus;
+  }
+}
+</style>
diff --git a/src/components/Talk/v2/README.md b/src/components/Talk/v2/README.md
new file mode 100644
index 0000000000..4abb5ea163
--- /dev/null
+++ b/src/components/Talk/v2/README.md
@@ -0,0 +1,4 @@
+# このディレクトリは
+
+[トークエディタのリデザインプロジェクト](https://github.com/VOICEVOX/voicevox_project/issues/40)移行のための中間ファイルを配置するディレクトリです。  
+デザイン的に合わないなどの問題がなければ、このディレクトリ内のファイルを使用しても問題ありません。
diff --git a/src/helpers/timer.ts b/src/helpers/timer.ts
new file mode 100644
index 0000000000..969dc4a21a
--- /dev/null
+++ b/src/helpers/timer.ts
@@ -0,0 +1,15 @@
+/**
+ * debounce関数を返す。
+ * 最後に呼び出されてから指定した時間が経過した後にコールバックが実行される。
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function debounce<T extends (...args: any[]) => unknown>(
+  callback: T,
+  delay: number,
+): (...args: Parameters<T>) => void {
+  let timeoutId: ReturnType<typeof setTimeout>;
+  return (...args) => {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => callback(...args), delay);
+  };
+}
diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-dark-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-dark-storybook-win32.png"
index df4015cb8d..26b8a6869a 100644
Binary files "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-dark-storybook-win32.png" and "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-dark-storybook-win32.png" differ
diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-light-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-light-storybook-win32.png"
index cc59e3f5eb..1eaa907fa2 100644
Binary files "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-light-storybook-win32.png" and "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--default-light-storybook-win32.png" differ
diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-dark-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-dark-storybook-win32.png"
index 58b784bc07..c4280dc112 100644
Binary files "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-dark-storybook-win32.png" and "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-dark-storybook-win32.png" differ
diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-light-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-light-storybook-win32.png"
index d5dc4060ed..58758e8b7a 100644
Binary files "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-light-storybook-win32.png" and "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-baseslider--disabled-light-storybook-win32.png" differ
diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-dark-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-dark-storybook-win32.png"
index ef11809f80..e778dbf9e8 100644
Binary files "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-dark-storybook-win32.png" and "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-dark-storybook-win32.png" differ
diff --git "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-light-storybook-win32.png" "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-light-storybook-win32.png"
index 5dafeb717b..8fd349df8f 100644
Binary files "a/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-light-storybook-win32.png" and "b/tests/e2e/storybook/\343\202\271\343\202\257\343\203\252\343\203\274\343\203\263\343\202\267\343\203\247\343\203\203\343\203\210.spec.mts-snapshots/components-base-basetextfield--has-error-light-storybook-win32.png" differ