feat(MED-168): improve styles

app/home/(user)/(dashboard)/analysis-results/_components/analysis-level-bar.tsx

@@ -47,7 +47,7 @@ const Level = ({
       )}
 
       {color === 'success' && typeof normRangeText === 'string' && (
-        <p className={cn("absolute bottom-[-18px] left-3/8 text-xs text-muted-foreground font-bold", {
+        <p className={cn("absolute bottom-[-18px] left-3/8 text-xs text-muted-foreground font-bold whitespace-nowrap", {
           'opacity-60': isActive,
         })}>
           {normRangeText}
@@ -179,7 +179,13 @@ const AnalysisLevelBar = ({
   }, [isValueBelowLower, isValueAboveUpper, isValueInNormalRange, arrowLocation, normRangeText, isNormal, isWarning, isCritical]);
 
   return (
-    <div className="mt-4 flex h-3 w-[60%] sm:w-[35%] max-w-[360px] gap-1 sm:mt-0">
+    <div className={cn(
+      "flex h-3 gap-1",
+      "mt-4 sm:mt-0",
+      "w-[60%] sm:w-[35%]",
+      "min-w-[50vw] sm:min-w-auto",
+      "max-w-[360px]",
+    )}>
       <Level {...first} />
       <Level {...second} />
       <Level {...third} />