diff --git a/components/SidePanel/About.tsx b/components/SidePanel/About.tsx
index a997799..226680a 100644
--- a/components/SidePanel/About.tsx
+++ b/components/SidePanel/About.tsx
@@ -37,7 +37,7 @@ const About = ({ expand, legislationsClickHandler }: Props) => {
             </div>
             {
                 selectedContent === "intro" && (
-                    <div className='flex-1 flex flex-col justify-between  overflow-y-scroll'>
+                    <div className='flex-1 flex flex-col justify-between  overflow-y-auto'>
                         <div className="text-[12px] lg:text-body mx-[20px]">
                             <p>
                                 <a className='hover:underline' target='_blank' href='https://www.righttocounselnyc.org/hcmc'>Housing Courts Must Change! (HCMC)</a> is a statewide campaign launched by the Right to Counsel NYC Coalition in 2020 to transform the courts across New York State (NYS) from an “eviction machine” to a place that holds landlords accountable, upholds tenants’ rights, and enables tenants to remain in their homes.
diff --git a/components/SidePanel/LegislationColumns.tsx b/components/SidePanel/LegislationColumns.tsx
index f035d28..d0abc46 100644
--- a/components/SidePanel/LegislationColumns.tsx
+++ b/components/SidePanel/LegislationColumns.tsx
@@ -25,7 +25,7 @@ const LegislationColumns = ({ legislation, name, number, content, expand, calula
                 }
             </div>
             <div className='mx-[20px] mb-[20px] font-regular text-label'>{number}</div>
-            <div className='flex-1 overflow-y-scroll'>
+            <div className='flex-1 overflow-y-auto'>
                 {
                     calulated && <VotesVisualization legislation={legislation as | "Statewide RTC"
                         | "Defend RTC"