diff --git a/src/Components/Layout/Navbar/Tooltip.tsx b/src/Components/Layout/Navbar/Tooltip.tsx
index e4566df..a1a43d9 100644
--- a/src/Components/Layout/Navbar/Tooltip.tsx
+++ b/src/Components/Layout/Navbar/Tooltip.tsx
@@ -30,7 +30,6 @@ const TooltipComp = ({
         placement="top"
         title={<div onClick={handleEdit}>{t(`header.${note}`)}</div>}
         color={color}
-        
       >
         <div className={`gear `}>{icon}</div>
       </Tooltip>
diff --git a/src/Components/Layout/SideBar/MenuItem.tsx b/src/Components/Layout/SideBar/MenuItem.tsx
index 637c394..d7b3581 100644
--- a/src/Components/Layout/SideBar/MenuItem.tsx
+++ b/src/Components/Layout/SideBar/MenuItem.tsx
@@ -3,6 +3,7 @@ import { useTranslation } from "react-i18next";
 import { MdExpandLess, MdExpandMore } from "react-icons/md";
 import { Link, useNavigate } from "react-router-dom";
 import { useFilterStateState } from "../../../zustand/Filter";
+import { Tooltip } from "antd";
 
 export const MenuItem = ({ item, location, index, isOpen }: any) => {
   const isActive = location.pathname.split("/")[1] === item.path?.slice(1);
@@ -25,7 +26,13 @@ export const MenuItem = ({ item, location, index, isOpen }: any) => {
         className={`link ${isActive ? "active" : ""} ${item?.children && "DropDownLink"}`}
         onClick={() => handleNavigate()}
       >
-        <i>{item.icon}</i>
+          <Tooltip
+            placement="topLeft"
+            title={t(item?.text)}
+            color={'#E0E0E0'}
+          >
+            <i>{item.icon}</i>
+          </Tooltip>
         {/* Conditionally render the text based on sidebar width */}
         <span style={{ display: isOpen === false ? "none" : "inline" }}>
           {t(item.text)}
diff --git a/src/Pages/Admin/QuestionBank/Model/FilterForm.tsx b/src/Pages/Admin/QuestionBank/Model/FilterForm.tsx
index 5a805af..195bb5e 100644
--- a/src/Pages/Admin/QuestionBank/Model/FilterForm.tsx
+++ b/src/Pages/Admin/QuestionBank/Model/FilterForm.tsx
@@ -67,6 +67,9 @@ const FilterForm = () => {
       name: TagName,
       page: TagCurrentPage
     });
+
+    console.log(Tag);
+    
     const TagOption = Tag?.data ?? []
     const canChangeTagPage = !!Tag?.links?.next;
     const TagPage = Tag?.meta?.current_page;
@@ -116,7 +119,7 @@ const FilterForm = () => {
               TagsIds
         */}
 
-<ValidationField
+      <ValidationField
           searchBy="TagName"
           name="tagsIds"
           label="tag"
@@ -155,7 +158,7 @@ const FilterForm = () => {
               lessonsIds
         */}
 
-<ValidationField
+      <ValidationField
           searchBy="LessonName"
           name="lessonsIds"
           label="lesson"
diff --git a/src/Pages/Admin/Reseller/Form/TitleDetailsForm.tsx b/src/Pages/Admin/Reseller/Form/TitleDetailsForm.tsx
index 69e5f4e..e7d8e22 100644
--- a/src/Pages/Admin/Reseller/Form/TitleDetailsForm.tsx
+++ b/src/Pages/Admin/Reseller/Form/TitleDetailsForm.tsx
@@ -1,13 +1,19 @@
-import React from "react";
+import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { FaRegAddressBook } from "react-icons/fa";
 import ValidationField from "../../../../Components/ValidationField/ValidationField";
 import { nationalities } from "../../../../types/App";
 import { useGetAllArea } from "../../../../api/Area";
+import { useGetAllCity } from "../../../../api/City";
 
 const TitleDetailsForm = () => {
   const [t] = useTranslation();
-  const {data} = useGetAllArea();
+  const {data:city} = useGetAllCity();
+  const [CityId, setCityId] = useState()
+
+  const {data} = useGetAllArea({
+    city_id:CityId
+  });
   
   return (
     <div className="TitleDetailsForm">
@@ -16,12 +22,22 @@ const TitleDetailsForm = () => {
         <h4>{t("header.address")}</h4>
       </header>
       <main className="main_form_body">
+        <ValidationField
+          name={"city"}
+          placeholder={"_"}
+          label={"city"}
+          type="Select"
+          option={city?.data}
+          onChange={(e)=>setCityId(e)}
+        />
         <ValidationField
           name={"area_id"}
           placeholder={"_"}
           label={"city"}
           type="Select"
+          disabled={!CityId}
           option={data?.data}
+          
         />
         {/* <ValidationField name={"address"} placeholder={"_"} label={"address"} /> */}
       </main>