diff --git a/src/components/Segments.tsx b/src/components/Segments.tsx
index 9d6bf14..b1ff166 100644
--- a/src/components/Segments.tsx
+++ b/src/components/Segments.tsx
@@ -42,12 +42,6 @@ export const HSegmengts: Component<SegmentsProps> = (props) => {
   const [indicatorLeft, setIndicatorLeft] = createSignal(0);
   const [indicatorHeight, setIndicatorHeight] = createSignal(0);
   const [indicatorWidth, setIndicatorWidth] = createSignal(0);
-  const indicatorStyle = createMemo(() => ({
-    top: `${indicatorTop()}px`,
-    left: `${indicatorLeft()}px`,
-    height: `${indicatorHeight()}px`,
-    width: `${indicatorWidth()}px`,
-  }));
 
   createEffect(() => {
     if (isNotNil(originalValue()) && originalValue() !== selected()) {
@@ -97,7 +91,12 @@ export const HSegmengts: Component<SegmentsProps> = (props) => {
         <Show when={isNotNil(selected())}>
           <div
             class="pointer-events-none absolute z-[2] rounded-sm bg-primary-surface transition-[top,left,height,width] duration-200 ease-in-out"
-            style={indicatorStyle()}
+            style={{
+              top: `${indicatorTop()}px`,
+              left: `${indicatorLeft()}px`,
+              height: `${indicatorHeight()}px`,
+              width: `${indicatorWidth()}px`,
+            }}
           />
         </Show>
       </div>