From 2bae2b75ae8305c8641eeb1be8cea3e336ae031c Mon Sep 17 00:00:00 2001
From: mertbagt <mertbagt@gmail.com>
Date: Wed, 10 Jun 2026 12:58:26 -0400
Subject: [PATCH 1/3] remove squish effect

---
 components/TestimonyCallout/TestimonyCalloutSection.tsx | 8 ++------
 components/homepage/Homepage.module.css                 | 5 ++++-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/TestimonyCallout/TestimonyCalloutSection.tsx b/components/TestimonyCallout/TestimonyCalloutSection.tsx
index b6c987700..53dcc1df2 100644
--- a/components/TestimonyCallout/TestimonyCalloutSection.tsx
+++ b/components/TestimonyCallout/TestimonyCalloutSection.tsx
@@ -51,12 +51,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%;

From 3152c9e044b0d3a9a27b50102af1924dc56053b6 Mon Sep 17 00:00:00 2001
From: mertbagt <mertbagt@gmail.com>
Date: Wed, 10 Jun 2026 13:40:26 -0400
Subject: [PATCH 2/3] Browse All Testimony button responsiveness tweaked

---
 .../TestimonyCallout/TestimonyCalloutSection.tsx       | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/TestimonyCallout/TestimonyCalloutSection.tsx b/components/TestimonyCallout/TestimonyCalloutSection.tsx
index 53dcc1df2..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")}

From c7957528d8039df72e9d7c4b99ef455c506b1908 Mon Sep 17 00:00:00 2001
From: mertbagt <mertbagt@gmail.com>
Date: Wed, 10 Jun 2026 14:15:12 -0400
Subject: [PATCH 3/3] revert surface-gradiant

---
 components/search/bills/BillHit.tsx             | 2 +-
 components/search/bills/BillSearch.tsx          | 2 +-
 components/search/hearings/HearingHit.tsx       | 2 +-
 components/search/shared/RefinementPanel.tsx    | 2 +-
 components/search/shared/SearchPage.tsx         | 2 +-
 components/search/testimony/TestimonyHit.tsx    | 2 +-
 components/search/testimony/TestimonySearch.tsx | 2 +-
 components/search/useRefinements.tsx            | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

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);