diff --git a/src/App.js b/src/App.js
index 6786980..3628e09 100644
--- a/src/App.js
+++ b/src/App.js
@@ -140,7 +140,7 @@ function App() {
{/* */}
{/* */}
{/* */}
- {/* */}
+
{/* */}
{/* */}
{/* */}
diff --git a/src/components/CardDesign3/index.js b/src/components/CardDesign3/index.js
index b20940e..000aaa7 100644
--- a/src/components/CardDesign3/index.js
+++ b/src/components/CardDesign3/index.js
@@ -19,7 +19,9 @@ const CardDesign3 = () => {
diff --git a/src/components/SearchBox/index.js b/src/components/SearchBox/index.js
index a6ca4ea..8c117f9 100644
--- a/src/components/SearchBox/index.js
+++ b/src/components/SearchBox/index.js
@@ -27,7 +27,7 @@ const SearchBox = ({ cancleIcon, searchIcon, placeholder, className }) => {
// onBlur={() => setActiveSearchBox(false)}
type="text"
placeholder={placeholder}
- 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`}
+ className={`${className} w-[100%] text-xs focus:outline-none rounded border focus:ring focus:ring-opacity-20`}
/>
);
@@ -41,5 +41,6 @@ SearchBox.defaultProps = {
placeholder: "دنبال چه چیزی هستید",
- className: "w-[100%] text-blue-400 bg-[#F9FBFF] placeholder-blue-300",
+ className:
+ "text-blue-400 bg-[#F9FBFF] placeholder-blue-300 border-[#B5D6FF] focus:border-blue-200 focus:ring-blue-200",
};
diff --git a/src/components/TimeLineComponent/index.js b/src/components/TimeLineComponent/index.js
index cb6d486..b017858 100644
--- a/src/components/TimeLineComponent/index.js
+++ b/src/components/TimeLineComponent/index.js
@@ -18,7 +18,10 @@ const TimeLineComponent = ({ data }) => {
-
+
);