diff --git a/src/components/button/index.tsx b/src/components/button/index.tsx
index d9b5dc9..98b401b 100644
--- a/src/components/button/index.tsx
+++ b/src/components/button/index.tsx
@@ -3,9 +3,9 @@ import { ButtonProps } from "../../types/props";
 function Button({ children, extra, active,...attrs }: ButtonProps) {
   return (
     <button
-      className={`px-4 py-1 md:px-5 md:py-2 rounded-md transition duration-300 ease-in-out transform bg-white text-[#333] hover:bg-gray-600 hover:text-white shadow-lg hover:!shadow-gray-600 ${
+      className={`px-4 py-1 md:px-5 md:py-2 rounded-md transition duration-300 ease-in-out transform bg-white text-[#333] hover:bg-gray-600 hover:text-white !shadow-lg ${
         active
-          ? "!bg-secondTheme shadow-secondTheme shadow-lg hover:!shadow-gray-600"
+          ? "!bg-secondTheme !shadow-lg hover:!shadow-inner"
           : ""
       } ${extra}`}
       type="button"
diff --git a/src/components/header/components/navbar/Navbar.tsx b/src/components/header/components/navbar/Navbar.tsx
index 3aec40e..da3c5ad 100644
--- a/src/components/header/components/navbar/Navbar.tsx
+++ b/src/components/header/components/navbar/Navbar.tsx
@@ -5,13 +5,15 @@ import MobileMenu from "./MobileMenu";
 import NavbarLink from "./NavbarLink";
 import router from "../../../../routes/routes";
 import Button from "../../../button";
-import { Link } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import { Route } from "../../../../types/props";
+import { isAuthenticated } from "../../../../utils/auth";
 
 const Navbar = () => {
   const [isOpen, setIsOpen] = useState<boolean>(false);
-
+  const auth = isAuthenticated();
   const [routes] = useState<Route[]>(router);
+  const navigate = useNavigate();
 
   const toggleMenu = () => {
     setIsOpen(!isOpen);
@@ -41,9 +43,11 @@ const Navbar = () => {
               );
             })}
           </div>
-          <Button>
-            <Link to="/profile"> پروفایل </Link>
-          </Button>
+          {auth ? (
+            <Button onClick={() => navigate("/profile")}>پروفایل</Button>
+          ) : (
+            <Button onClick={() => navigate("/login")}>ورود</Button>
+          )}
           <div className="md:hidden">
             <MobileMenuButton isOpen={isOpen} onClick={toggleMenu} />
           </div>
diff --git a/src/components/input/index.tsx b/src/components/input/index.tsx
index 1d9ee6d..760396b 100644
--- a/src/components/input/index.tsx
+++ b/src/components/input/index.tsx
@@ -24,7 +24,7 @@ const Input = ({
         type={type}
         name={name}
         id={id}
-        className="outline-none border-none sm:text-sm rounded-lg block w-full p-2.5 md:p-3 bg-gray-700 border-gray-600 placeholder-gray-400 text-white"
+        className={`outline-none border-none sm:text-sm rounded-lg block w-full p-2.5 md:p-3 bg-gray-700 border-gray-600 placeholder-gray-400 text-white ${extra}`}
         placeholder={placeholder}
         {...attrs}
       />
diff --git a/src/pages/about/section/Info.tsx b/src/pages/about/section/Info.tsx
index 198c278..22cdf92 100644
--- a/src/pages/about/section/Info.tsx
+++ b/src/pages/about/section/Info.tsx
@@ -2,7 +2,7 @@ const Info = () => {
   return (
     <div className="relative w-full h-full flex flex-col px-4 py-4 text-start">
       <h1 className="font-bold text-xl md:text-2xl text-center">درباره ما</h1>
-      <p className="font-normal text-sm mt-2 md:text-lg">
+      <p className="font-normal text-sm mt-2 md:text-lg !leading-10">
         با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است،
         چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و
         برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود
diff --git a/src/pages/profile/section/components/ConfigItem.tsx b/src/pages/profile/section/components/ConfigItem.tsx
index e0a49fb..c832abe 100644
--- a/src/pages/profile/section/components/ConfigItem.tsx
+++ b/src/pages/profile/section/components/ConfigItem.tsx
@@ -25,7 +25,7 @@ const ConfigItem = ({ dateBuy, configName, isDisabled }: ConfigItemProps) => {
       <div className="relative w-full h-full rounded-md">
         {isDisabled && (
           <div className="absolute inset-0 flex items-center justify-center bg-opacity-50 rounded-md backdrop-blur-sm z-10">
-            <div className="text-white font-bold p-1 bg-red-600 text-xs md:text-base rounded-md shadow-md shadow-red-600">
+            <div className="text-white font-bold p-1 bg-red-600 text-xs md:text-base rounded-md shadow-md">
               کانفیگ <span className="text-secondTheme">{configName}</span> غیر
               فعال است .{" "}
               <Button
@@ -43,7 +43,7 @@ const ConfigItem = ({ dateBuy, configName, isDisabled }: ConfigItemProps) => {
           }`}
         >
           <p className="max-md:hidden">تاریخ خرید : {dateBuy}</p>
-          <li className="px-2 py-1 bg-secondTheme shadow-md shadow-secondTheme rounded-md w-auto h-auto text-gray-900 font-bold list-none">
+          <li className="px-2 py-1 bg-secondTheme shadow-md rounded-md w-auto h-auto text-gray-900 font-bold list-none">
             {configName}
           </li>
           <div className="max-md:hidden flex flex-row-reverse gap-2 justify-end items-center">
@@ -51,7 +51,7 @@ const ConfigItem = ({ dateBuy, configName, isDisabled }: ConfigItemProps) => {
               کپی
               <IoCopy />
             </Button>
-            <Button extra="!m-0 !px-2 !py-1.5 shadow-md shadow-white">
+            <Button extra="!m-0 !px-2 !py-1.5 shadow-md">
               آموزش
             </Button>
             <Dropdown isOpen={isOpenDropDown} setIsOpen={setIsOpenDropDown}>
@@ -60,7 +60,7 @@ const ConfigItem = ({ dateBuy, configName, isDisabled }: ConfigItemProps) => {
                 data-dropdown-toggle="dropdown"
                 type="button"
                 onClick={handleToggle}
-                extra="!m-0 !px-2 !py-1.5 shadow-md shadow-white"
+                extra="!m-0 !px-2 !py-1.5 shadow-md"
               >
                 حجم
               </Button>
@@ -71,7 +71,7 @@ const ConfigItem = ({ dateBuy, configName, isDisabled }: ConfigItemProps) => {
           </div>
           <div className="md:hidden flex flex-row-reverse gap-2 justify-end items-center">
             <Button
-              extra="!m-0 !px-2 !py-1 shadow-md shadow-white"
+              extra="!m-0 !px-2 !py-1 shadow-md"
               onClick={() => setIsOpen(true)}
             >
               مشاهده جزئیات
diff --git a/src/pages/rule/section/Rules.tsx b/src/pages/rule/section/Rules.tsx
index 436619b..2b9d413 100644
--- a/src/pages/rule/section/Rules.tsx
+++ b/src/pages/rule/section/Rules.tsx
@@ -30,21 +30,21 @@ const ListRules = () => {
       <ul>
         <li className="flex flex-row mt-2 gap-2 w-full bg-gray-800 p-2 rounded-md items-center">
           <img src={Warning} alt="warning" className=" w-[2rem]" />
-          <p className="font-normal text-sm md:text-lg text-start">
+          <p className="font-normal max-sm:text-xs max-md:text-sm md:text-lg text-start">
             هرگونه استفاده غیر مجاز و غیر قانونی به عهده شخص استفاده‌کننده
             می‌باشد.
           </p>
         </li>
         <li className="flex flex-row mt-2 gap-2 w-full bg-gray-800 p-2 rounded-md items-center">
           <img src={Warning} alt="warning" className="w-[2rem]" />
-          <p className="font-normal text-sm md:text-lg text-start">
+          <p className="font-normal max-sm:text-xs max-md:text-sm md:text-lg text-start">
             در صورتی که سرویس خریداری شده یک کاربره باشد و اگر سرویس خود را در
             اختیار شخص دیگری قرار دهید سرویس شما به صورت خودکار مسدود خواهد شد.{" "}
           </p>
         </li>
         <li className="flex flex-row mt-2 gap-2 w-full bg-gray-800 p-2 rounded-md items-center">
           <img src={Warning} alt="warning" className="w-[2rem]" />
-          <p className="font-normal text-sm md:text-lg text-start">
+          <p className="font-normal max-sm:text-xs max-md:text-sm md:text-lg text-start">
             در صورتی که مشکلی برای سرویس‌ها به وجود بیاید تمام سعی خود را
             می‌کنیم تا هر چه سریع‌تر مشکل را برطرف کنیم. بازه زمانی بین 10 دقیقه
             الی حداکثر 24 ساعت می‌باشد.{" "}
@@ -52,7 +52,7 @@ const ListRules = () => {
         </li>
         <li className="flex flex-row mt-2 gap-2 w-full bg-gray-800 p-2 rounded-md items-center">
           <img src={Warning} alt="warning" className="w-[2rem]" />
-          <p className="font-normal text-sm md:text-lg text-start">
+          <p className="font-normal max-sm:text-xs max-md:text-sm md:text-lg text-start">
             تمامی سرویس‌های ما مخصوص بازی می‌باشد و برای کاهش پینگ در بازی‌های
             آنلاین و عبور از تحریم بازی‌ها استفاده می‌شود و هرگونه استفاده غیر
             مجاز از سرویس‌ها به عنوان V.p.n و استفاده‌های دیگر ممنوع می‌باشد و