diff --git a/src/components/Profile/Profile.jsx b/src/components/Profile/Profile.jsx
index b22b438c..0450020c 100644
--- a/src/components/Profile/Profile.jsx
+++ b/src/components/Profile/Profile.jsx
@@ -59,11 +59,7 @@ function Profile({ data }) {
                 })}
             </div>
           </div>
-          <div className={`${data.portfolio ? 'profile-link' : 'profile-link-disabled'}`}>
-            <a href={data.portfolio} target="_blank" rel="noreferrer">
-              View Profile &#8594;
-            </a>
-          </div>
+          <div className={`${data.portfolio ? 'profile-link' : 'profile-link-disabled'}`}></div>
         </div>
         <div className="bottom-container">
           <div className="about">{data.bio}</div>
diff --git a/src/components/Search/Search.css b/src/components/Search/Search.css
index 3f413ff5..efd0821f 100644
--- a/src/components/Search/Search.css
+++ b/src/components/Search/Search.css
@@ -11,7 +11,7 @@
 
 .search-bar input {
   width: 100%;
-  height: 3rem;
+  height: 3rem auto;
   border-radius: 6px;
   border: 2px solid var(--border-color);
   background: var(--primary-color);
@@ -22,6 +22,50 @@
   font-family: 'Space Mono', sans-serif;
 }
 
+@media screen and (max-width: 355px) {
+  .search-bar ::placeholder {
+    height: 2.5rem; /* Adjusted height for smaller screens */
+    padding: 0.25rem 0.8rem; /* Adjusted padding for smaller screens */
+    font-size: 0.9rem; /* Adjusted font size for smaller screens */
+  }
+}
+@media screen and (max-width: 340px) {
+  .search-bar ::placeholder {
+    height: 2.2rem; /* Adjusted height for smaller screens */
+    padding: 0.22rem 0.6rem; /* Adjusted padding for smaller screens */
+    font-size: 0.75rem; /* Adjusted font size for smaller screens */
+  }
+}
+
+@media screen and (max-width: 320px) {
+  .search-bar ::placeholder {
+    height: 1.95rem; /* Further adjusted height for 320px screens */
+    padding: 0.2rem 0.5rem; /* Further adjusted padding for 320px screens */
+    font-size: 0.7rem; /* Further adjusted font size for 320px screens */
+  }
+
+  .search-bar input::placeholder {
+    white-space: nowrap; /* Prevent placeholder from wrapping */
+    overflow: hidden; /* Hide overflow content */
+    text-overflow: ellipsis; /* Show ellipsis (...) for overflow text */
+  }
+}
+
+@media screen and (max-width: 300px) {
+  .search-bar ::placeholder {
+    height: 1.5rem; /* Adjusted height for smaller screens */
+    padding: 0.15rem 0.18rem; /* Adjusted padding for smaller screens */
+    font-size: 0.6rem; /* Adjusted font size for smaller screens */
+  }
+}
+@media screen and (max-width: 250px) {
+  .search-bar ::placeholder {
+    height: 1.5rem; /* Adjusted height for smaller screens */
+    padding: 0.1rem 0.13rem; /* Adjusted padding for smaller screens */
+    font-size: 0.4rem; /* Adjusted font size for smaller screens */
+  }
+}
+
 .search-bar .search-icon {
   position: absolute;
   margin-right: 10px;
@@ -29,6 +73,35 @@
   cursor: pointer;
 }
 
+/* Media query for screens up to 320px */
+@media screen and (max-width: 320px) {
+  .search-bar .search-icon {
+    font-size: 0.8rem; /* Adjusted font size for smaller screens */
+  }
+
+  .search-bar .search-icon {
+    /* Adjusted font size for 320px screens */
+    position: absolute;
+    margin-right: 5px;
+    font-size: 1rem;
+    width: 10px;
+    height: 10px;
+  }
+}
+
+@media screen and (max-width: 290px) {
+  .search-bar .search-icon {
+    font-size: 0.5rem; /* Adjusted font size for smaller screens */
+  }
+
+  .search-bar input,
+  .search-bar .search-icon {
+    height: 1.5rem; /* Adjusted height for 320px screens */
+    padding: 0.2rem 0.5rem; /* Adjusted padding for 320px screens */
+    font-size: 0.3rem; /* Adjusted font size for 320px screens */
+  }
+}
+
 .search-icon:hover {
   color: #00a6fb;
 }
diff --git a/src/components/Sidebar/Sidebar.css b/src/components/Sidebar/Sidebar.css
index 75c93f27..a56d866a 100644
--- a/src/components/Sidebar/Sidebar.css
+++ b/src/components/Sidebar/Sidebar.css
@@ -71,6 +71,26 @@
   font-size: 14px;
   border: 2px solid #00a6fb;
 }
+@media screen and (max-width: 365px) {
+  .link_button {
+    padding: 8px 10px; /* Adjusted padding for smaller screens */
+    font-size: 14px; /* Adjusted font size for smaller screens */
+  }
+}
+
+@media screen and (max-width: 300px) {
+  .link_button {
+    padding: 5px 10px; /* Adjusted padding for smaller screens */
+    font-size: 12px; /* Adjusted font size for smaller screens */
+  }
+}
+
+@media screen and (max-width: 220px) {
+  .link_button {
+    padding: 3px 7px; /* Adjusted padding for smaller screens */
+    font-size: 8px; /* Adjusted font size for smaller screens */
+  }
+}
 
 .link_button:hover {
   background-color: transparent;