diff --git a/src/components/SearchBox/index.js b/src/components/SearchBox/index.js
index 236984c..a6ca4ea 100644
--- a/src/components/SearchBox/index.js
+++ b/src/components/SearchBox/index.js
@@ -6,7 +6,7 @@ import zarbedar from "./zarbedar-icon.svg";
const SearchBox = ({ cancleIcon, searchIcon, placeholder, className }) => {
const [activeSearchBox, setActiveSearchBox] = useState(false);
return (
-
+
{activeSearchBox && (
{
// onBlur={() => setActiveSearchBox(false)}
type="text"
placeholder={placeholder}
- className={`${className} focus:outline-none border border-[#B5D6FF] focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20`}
+ className={`${className} text-xs focus:outline-none rounded border border-[#B5D6FF] focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20`}
/>
);
@@ -41,6 +41,5 @@ SearchBox.defaultProps = {
placeholder: "دنبال چه چیزی هستید",
- className:
- "w-[15%] text-xs text-blue-400 bg-[#F9FBFF] rounded placeholder-blue-300",
+ className: "w-[100%] text-blue-400 bg-[#F9FBFF] placeholder-blue-300",
};