diff --git a/src/components/PropertyDetailSection.tsx b/src/components/PropertyDetailSection.tsx
index 37704d1e..d483bf1a 100644
--- a/src/components/PropertyDetailSection.tsx
+++ b/src/components/PropertyDetailSection.tsx
@@ -191,7 +191,7 @@ const PropertyDetailSection: FC<PropertyDetailSectionProps> = ({
     />
   ) : (
     <>
-      <div className="flex flex-wrap flex-grow h-full min-h-[calc(100svh-101px)] max-h-[calc(100svh-101px)]">
+      <div className="flex flex-wrap flex-grow h-full min-h-[calc(100svh-101px)] max-h-[calc(100svh-101px)] mt-2">
         {display === "list" ? (
           <Table
             aria-label="Property Details"
diff --git a/src/components/SidePanelControlBar.tsx b/src/components/SidePanelControlBar.tsx
index 1f1b72ca..e8a430a5 100644
--- a/src/components/SidePanelControlBar.tsx
+++ b/src/components/SidePanelControlBar.tsx
@@ -71,7 +71,7 @@ const SearchBarComponent: FC<SidePanelControlBarProps> = ({
     <div>{/* Keep empty while loading */}</div>
   ) : (
     <>
-      <div className="flex justify-between items-center bg-white border-b-[1px] border-[#12121215] p-2 h-14">
+      <div className="flex justify-between -mx-6 px-12 top-0 py-4 z-10 bg-white">
         {/* Left-aligned content: Total Properties in View */}
         <ThemeButton
           color="tertiary"
@@ -86,7 +86,7 @@ const SearchBarComponent: FC<SidePanelControlBarProps> = ({
             )
           }
         />
-        <div className="sm:px-4 py-2">
+        <div className="sm:px-4 lg:px-0 py-2">
           <h1 className="body-md">
             <span className="font-bold">
               {shouldFilterSavedProperties
@@ -151,7 +151,7 @@ const SearchBarComponent: FC<SidePanelControlBarProps> = ({
             label={<span className="body-md max-lg:hidden">Download</span>}
             className={`max-md:min-w-[4rem] ${
               smallScreenMode === "map" ? "max-sm:hidden" : ""
-            }`}
+            } px-0`}
           />
         </div>
       </div>