From bb5c3667b41af747d597ee6753ed4455e134628a Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Fri, 17 Apr 2026 14:39:25 +0300
Subject: [PATCH] feat(SliderArea): utilize responsive breakpoints for
 TypographyMenu positioning

---
 src/widgets/ComparisonView/ui/SliderArea/SliderArea.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/widgets/ComparisonView/ui/SliderArea/SliderArea.svelte b/src/widgets/ComparisonView/ui/SliderArea/SliderArea.svelte
index 13dbd10..c083d8c 100644
--- a/src/widgets/ComparisonView/ui/SliderArea/SliderArea.svelte
+++ b/src/widgets/ComparisonView/ui/SliderArea/SliderArea.svelte
@@ -254,7 +254,10 @@ const scaleClass = $derived(
 
     <TypographyMenu
         class={clsx(
-            'absolute bottom-4 sm:bottom-5 right-4 sm:left-1/2 sm:right-[unset] sm:-translate-x-1/2 z-50',
+            'absolute z-50',
+            responsive.isMobileOrTablet
+                ? 'bottom-4 right-4 -translate-1/2'
+                : 'bottom-5 left-1/2 right-[unset] -translate-x-1/2',
         )}
     />
 </div>