diff --git a/src/components/layout/SectionHeading.tsx b/src/components/layout/SectionHeading.tsx
index a9d01cb7..66723e28 100644
--- a/src/components/layout/SectionHeading.tsx
+++ b/src/components/layout/SectionHeading.tsx
@@ -10,8 +10,8 @@ interface SectionHeadingProps {
 
 export function SectionHeading(props: SectionHeadingProps) {
   return (
-    <div className={`mt-12 ${props.className}`}>
-      <div className="mb-4 flex items-end">
+    <div className={`${props.className}`}>
+      <div className="mb-3 flex items-center">
         <p className="flex flex-1 items-center font-bold uppercase text-denim-700">
           {props.icon ? (
             <span className="mr-2 text-xl">
diff --git a/src/views/search/HomeView.tsx b/src/views/search/HomeView.tsx
index 6d1b6795..ae2b9693 100644
--- a/src/views/search/HomeView.tsx
+++ b/src/views/search/HomeView.tsx
@@ -171,7 +171,7 @@ function NewDomainModal() {
 
 export function HomeView() {
   return (
-    <div className="mb-16 mt-32">
+    <div className="mb-16">
       <NewDomainModal />
       <Bookmarks />
       <Watched />
diff --git a/src/views/search/SearchView.tsx b/src/views/search/SearchView.tsx
index 4201d954..501c8a2f 100644
--- a/src/views/search/SearchView.tsx
+++ b/src/views/search/SearchView.tsx
@@ -22,7 +22,7 @@ export function SearchView() {
 
   return (
     <>
-      <div className="relative z-10 mb-24">
+      <div className="relative z-10 mb-16 sm:mb-24">
         <Helmet>
           <title>{t("global.name")}</title>
         </Helmet>