Update legend

src/components/Title.jsx

@@ -3,10 +3,13 @@ import { twMerge } from "tailwind-merge";
 
 const { Text } = Typography;
 
-export const Title = ({ text, className }) => {
+export const Title = ({ text, className, classNameText }) => {
   return (
     <div className={twMerge("mb-1", className)}>
-      <Text type="secondary" className={twMerge("uppercase text-xs")}>
+      <Text
+        type="secondary"
+        className={twMerge("uppercase text-xs", classNameText)}
+      >
         {text}
       </Text>
     </div>

src/modules/Sidebar/Legend.jsx

@@ -12,7 +12,12 @@ const types = [
 export function Legend() {
   return (
     <div className="absolute bottom-[20px] left-[20px] bg-white-background w-[250px] rounded-xl p-4 text-xs text-grey z-10">
-      <Title text={"Тип объекта размещения"} className={"mb-1"} />
+      <Title text={"Тип объекта размещения"} className={"text-center"} />
+      <Title
+        text={"Размер кружка пропорционален востребованности точки"}
+        className={"text-center mb-1"}
+        classNameText={"lowercase"}
+      />
       <div className="space-y-2">
         {types.map((type) => (
           <div className="flex gap-2 items-center" key={type.id}>
@@ -24,7 +29,11 @@ export function Legend() {
           </div>
         ))}
       </div>
-      <Title text={"Востребованность постамата"} className={"mb-1 mt-3"} />
+
+      <Title
+        text={"Востребованность постамата"}
+        className={"mb-1 mt-3 text-center"}
+      />
       <div
         className={"w-full h-[10px] rounded-xl"}
         style={{