diff --git a/autogpt_platform/frontend/src/app/store/search/page.tsx b/autogpt_platform/frontend/src/app/store/search/page.tsx
index 9e79221fe..5f7a9f7c9 100644
--- a/autogpt_platform/frontend/src/app/store/search/page.tsx
+++ b/autogpt_platform/frontend/src/app/store/search/page.tsx
@@ -123,12 +123,12 @@ function SearchResults({
             <h2 className="font-geist text-base font-medium leading-normal text-neutral-800 dark:text-neutral-200">
               Results for:
             </h2>
-            <h1 className="font-poppins text-2xl font-semibold leading-loose text-neutral-800 dark:text-neutral-100">
+            <h1 className="font-poppins text-2xl font-semibold leading-[32px] text-neutral-800 dark:text-neutral-100">
               {searchTerm}
             </h1>
           </div>
           <div className="flex-none">
-            <SearchBar width="w-[439px]" />
+            <SearchBar width="w-[439px]" height="h-[60px]" />
           </div>
         </div>
 
@@ -138,7 +138,7 @@ function SearchResults({
           </div>
         ) : totalCount > 0 ? (
           <>
-            <div className="mt-8 flex items-center justify-between">
+            <div className="mt-[36px] flex items-center justify-between">
               <SearchFilterChips
                 totalCount={totalCount}
                 agentsCount={agentsCount}
@@ -150,8 +150,12 @@ function SearchResults({
             {/* Content section */}
             <div className="min-h-[500px] max-w-[1440px]">
               {showAgents && agentsCount > 0 && (
-                <div className="mt-8">
-                  <AgentsSection agents={agents} sectionTitle="Agents" />
+                <div className="mt-[36px]">
+                  <AgentsSection
+                    agents={agents}
+                    sectionTitle="Agents"
+                    className="font-[Large-Poppins] text-[18px] font-semibold leading-[28px]"
+                  />
                 </div>
               )}
 
diff --git a/autogpt_platform/frontend/src/components/agptui/SearchBar.tsx b/autogpt_platform/frontend/src/components/agptui/SearchBar.tsx
index 48ee6b388..95e3a3fe8 100644
--- a/autogpt_platform/frontend/src/components/agptui/SearchBar.tsx
+++ b/autogpt_platform/frontend/src/components/agptui/SearchBar.tsx
@@ -12,6 +12,7 @@ interface SearchBarProps {
   textColor?: string;
   placeholderColor?: string;
   width?: string;
+  height?: string;
 }
 
 /** SearchBar component for user input and search functionality. */
@@ -22,6 +23,7 @@ export const SearchBar: React.FC<SearchBarProps> = ({
   textColor = "text-[#707070] dark:text-neutral-200",
   placeholderColor = "text-[#707070] dark:text-neutral-400",
   width = "w-9/10 lg:w-[56.25rem]",
+  height = "h-[60px]",
 }) => {
   const router = useRouter();
 
@@ -42,7 +44,7 @@ export const SearchBar: React.FC<SearchBarProps> = ({
     <form
       onSubmit={handleSubmit}
       data-testid="store-search-bar"
-      className={`${width} h-12 px-4 py-2 md:h-[4.5rem] md:px-6 md:py-1 ${backgroundColor} flex items-center justify-center gap-2 rounded-full md:gap-5`}
+      className={`${width} ${height} px-4 py-2 md:px-6 md:py-1 ${backgroundColor} flex items-center justify-center gap-2 rounded-full md:gap-5`}
     >
       <MagnifyingGlassIcon className={`h-5 w-5 md:h-7 md:w-7 ${iconColor}`} />
       <input
diff --git a/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx b/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx
index 912f3f164..e7b19e1ca 100644
--- a/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx
+++ b/autogpt_platform/frontend/src/components/agptui/composite/HeroSection.tsx
@@ -37,7 +37,7 @@ export const HeroSection: React.FC = () => {
           Bringing you AI agents designed by thinkers from around the world
         </h3>
         <div className="mb-4 flex justify-center sm:mb-5 md:mb-6">
-          <SearchBar />
+          <SearchBar height="h-[74px]" />
         </div>
         <div>
           <div className="flex justify-center">