diff --git a/components/TestimonyCallout/TestimonyCalloutSection.tsx b/components/TestimonyCallout/TestimonyCalloutSection.tsx
index b6c987700..f9be7630a 100644
--- a/components/TestimonyCallout/TestimonyCalloutSection.tsx
+++ b/components/TestimonyCallout/TestimonyCalloutSection.tsx
@@ -16,11 +16,15 @@ export default function TestimonyCalloutSection() {
   return (
     <section className={styles.sectionShell}>
       <Row className={styles.peopleSaying}>
-        <Col xs={10} md={6} className={styles.sectionTitle}>
+        <Col xs={12} sm={12} md={7} className={styles.sectionTitle}>
           <h2>{t("testimonyCalloutSection.peopleSaying")}</h2>
         </Col>
-        <Col xs={10} md={3}>
-          <div>
+        <Col xs={12} sm={12} md={5}>
+          <div
+            className={`d-flex ${
+              isMobile ? "justify-content-center" : "justify-content-end"
+            }  me-2`}
+          >
             <Internal href="/testimony">
               <Button className={`btn btn-lg py-1`}>
                 {t("testimonyCalloutSection.browseTestimony")}
@@ -51,12 +55,8 @@ export default function TestimonyCalloutSection() {
         </Carousel>
       ) : (
         <Row className="justify-content-center">
-          <Col xs={10} xl={9} xxl={8}>
-            <Row
-              xs={1}
-              lg={2}
-              className={`g-2 justify-content-center py-2 mt-4`}
-            >
+          <Col xs={11} xl={11} xxl={11}>
+            <Row xs={1} lg={2} className={`g-3 justify-content-between py-2`}>
               {recentTestimony?.map(testimony => (
                 <TestimonyCallout
                   key={testimony.authorUid + testimony.billId}
diff --git a/components/homepage/Homepage.module.css b/components/homepage/Homepage.module.css
index 0cd1daadc..0d508184b 100644
--- a/components/homepage/Homepage.module.css
+++ b/components/homepage/Homepage.module.css
@@ -10,12 +10,15 @@
 
 .hero,
 .didYouKnow,
-.peopleSaying,
 .features,
 .hearings {
   padding: 5rem 0;
 }
 
+.peopleSaying {
+  padding: 5rem 0 1rem 0;
+}
+
 .heroSection {
   position: relative;
   width: 100%;
diff --git a/components/search/bills/BillHit.tsx b/components/search/bills/BillHit.tsx
index 1da720b43..ffedc4047 100644
--- a/components/search/bills/BillHit.tsx
+++ b/components/search/bills/BillHit.tsx
@@ -34,7 +34,7 @@ type BillRecord = {
 }
 
 const StyledCard = styled(Card)`
-  background: var(--maple-surface-gradient);
+  background: white;
   border: 1px solid var(--maple-surface-border);
   border-radius: var(--bs-border-radius-xl);
   box-shadow: var(--maple-shadow-sm);
diff --git a/components/search/bills/BillSearch.tsx b/components/search/bills/BillSearch.tsx
index 4f5b679b2..748907f25 100644
--- a/components/search/bills/BillSearch.tsx
+++ b/components/search/bills/BillSearch.tsx
@@ -94,7 +94,7 @@ export const BillSearch = () => {
 }
 
 const ControlsBar = styled.div`
-  background: var(--maple-surface-gradient);
+  background: white;
   border: 1px solid var(--maple-surface-border);
   border-radius: var(--bs-border-radius-xl);
   box-shadow: var(--maple-shadow-sm);
diff --git a/components/search/hearings/HearingHit.tsx b/components/search/hearings/HearingHit.tsx
index 01ee469ce..ffea2bc9b 100644
--- a/components/search/hearings/HearingHit.tsx
+++ b/components/search/hearings/HearingHit.tsx
@@ -14,7 +14,7 @@ import {
 } from "react"
 
 const StyledCard = styled(Card)`
-  background: var(--maple-surface-gradient);
+  background: white;
   border: 1px solid var(--maple-surface-border);
   border-radius: var(--bs-border-radius-xl);
   box-shadow: var(--maple-shadow-sm);
diff --git a/components/search/shared/RefinementPanel.tsx b/components/search/shared/RefinementPanel.tsx
index 875615805..5c6031e57 100644
--- a/components/search/shared/RefinementPanel.tsx
+++ b/components/search/shared/RefinementPanel.tsx
@@ -7,7 +7,7 @@ import { faFilter } from "@fortawesome/free-solid-svg-icons"
 import styled from "styled-components"
 
 const FilterSection = styled.div`
-  background: var(--maple-surface-gradient);
+  background: white;
   border: 1px solid var(--maple-surface-border);
   border-radius: var(--maple-radius-md);
   box-shadow: var(--maple-shadow-sm);
diff --git a/components/search/shared/SearchPage.tsx b/components/search/shared/SearchPage.tsx
index b74e8c171..81276015a 100644
--- a/components/search/shared/SearchPage.tsx
+++ b/components/search/shared/SearchPage.tsx
@@ -28,7 +28,7 @@ import { SearchErrorBoundary } from "../SearchErrorBoundary"
 const EMPTY_MENU_ATTRIBUTES: string[] = []
 
 const ControlsBar = styled.div`
-  background: var(--maple-surface-gradient);
+  background: white;
   border: 1px solid var(--maple-surface-border);
   border-radius: var(--bs-border-radius-xl);
   box-shadow: var(--maple-shadow-sm);
diff --git a/components/search/testimony/TestimonyHit.tsx b/components/search/testimony/TestimonyHit.tsx
index 402c33e4a..53edd415a 100644
--- a/components/search/testimony/TestimonyHit.tsx
+++ b/components/search/testimony/TestimonyHit.tsx
@@ -15,7 +15,7 @@ import { FollowUserButton } from "components/shared/FollowButton"
 import { trimContent } from "components/TestimonyCallout/TestimonyCallout"
 
 const StyledCard = styled(Card)`
-  background: var(--maple-surface-gradient);
+  background: white;
   border: 1px solid var(--maple-surface-border);
   border-radius: var(--bs-border-radius-xl);
   box-shadow: var(--maple-shadow-sm);
diff --git a/components/search/testimony/TestimonySearch.tsx b/components/search/testimony/TestimonySearch.tsx
index 0b35b7326..cb45bd164 100644
--- a/components/search/testimony/TestimonySearch.tsx
+++ b/components/search/testimony/TestimonySearch.tsx
@@ -93,7 +93,7 @@ export const TestimonySearch = () => {
 }
 
 const ControlsBar = styled.div`
-  background: var(--maple-surface-gradient);
+  background: white;
   border: 1px solid var(--maple-surface-border);
   border-radius: var(--bs-border-radius-xl);
   box-shadow: var(--maple-shadow-sm);
diff --git a/components/search/useRefinements.tsx b/components/search/useRefinements.tsx
index 32f6343e8..2a8d83f4f 100644
--- a/components/search/useRefinements.tsx
+++ b/components/search/useRefinements.tsx
@@ -30,7 +30,7 @@ export const FilterButton = styled(Button)`
 `
 
 const FilterSection = styled.div`
-  background: var(--maple-surface-gradient);
+  background: white;
   border: 1px solid var(--maple-surface-border);
   border-radius: var(--maple-radius-md);
   box-shadow: var(--maple-shadow-sm);