diff --git a/src/components/comics.jsx b/src/components/comics.jsx
index 9bb9394..2cbb5a8 100644
--- a/src/components/comics.jsx
+++ b/src/components/comics.jsx
@@ -31,9 +31,9 @@ export default function Comics({ data, onClick }) {
         </button>
         <div className='comics'>
           {data.map((dataItem) => {
-            const detailsUrl = dataItem.urls.find((element) => element['type'] === 'detail').url;
             return (
               <Link
+                to={`/comics/${dataItem.id}`}
                 key={dataItem.id}
                 className='comic-card'
                 style={{
@@ -44,9 +44,6 @@ export default function Comics({ data, onClick }) {
                   e.stopPropagation();
                   onClick(dataItem.id);
                 }}
-                href={detailsUrl}
-                target='_blank'
-                rel='noreferrer'
               >
                 <div className='comics-title'>
                   <h3>{dataItem.title}</h3>
diff --git a/src/components/search.jsx b/src/components/search.jsx
index f6ad769..f616417 100644
--- a/src/components/search.jsx
+++ b/src/components/search.jsx
@@ -14,6 +14,7 @@ export default function Search() {
   const handleSubmit = (event) => {
     event.preventDefault();
     getCharacterData();
+    setCharacterName('');
   };
 
   const getCharacterData = () => {
@@ -58,7 +59,7 @@ export default function Search() {
   return (
     <>
       <form className='' onSubmit={handleSubmit}>
-        <input type='text' placeholder='Search' onChange={handleChange} />
+        <input type='text' placeholder='Search' value={characterName} onChange={handleChange} />
       </form>
 
       {!comicData && characterData && characterData.results[0] && (