From feec14abd3d0d03716eeaa0edbd214060923fbaf Mon Sep 17 00:00:00 2001
From: anamontiaga <amontiaga@gmail.com>
Date: Wed, 4 Oct 2023 14:18:04 +0200
Subject: [PATCH] minor styles

---
 src/containers/stories-page/index.tsx      | 17 +++++++----------
 src/containers/stories-page/list/index.tsx |  3 +--
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/containers/stories-page/index.tsx b/src/containers/stories-page/index.tsx
index bac55192..d1146399 100644
--- a/src/containers/stories-page/index.tsx
+++ b/src/containers/stories-page/index.tsx
@@ -27,24 +27,21 @@ const Stories = () => {
   return (
     <motion.section ref={sectionRef} id="stories" className="overflow-x-hidden bg-white">
       <Wrapper>
-        <div className="pt-10 pb-4 lg:pb-20 lg:pt-32 lg:grid lg:grid-cols-3">
+        <div className="pt-10 pb-4 lg:pb-10 lg:pt-44 lg:grid lg:grid-cols-3">
           <Hero
             className="col-span-2 col-start-1 text-gray-800"
-            title="Stories"
-            subtitle="Here are some of the stories we have heard from the ground."
+            subtitle="Get inspired with real nature-based, community-led action on the ground."
           />
         </div>
         <motion.div
-          className="pb-4 font-sans text-base text-gray-800 xl:pb-20 md:text-lg lg:grid lg:grid-cols-3 lg:gap-10"
+          className="pb-4 font-sans text-base text-gray-800 xl:pb-20 md:text-lg lg:grid lg:grid-cols-2"
           {...IN_VIEW_PROPS}
         >
-          <div className="col-start-1 pb-4 lg:pb-0">
-            <p>Nature-based solutions are ready to be deployed right now, everywhere.</p>
-          </div>
-          <div className="col-start-2 space-y-4 md:space-y-6">
+          <div className="pb-4 lg:pb-0">
             <p>
-              From south to north, east to west, people have been taking action and leading the way
-              to reverse nature loss and create new sustainable economies.
+              Natural climate solutions are ready to be deployed now, across the globe. From south
+              to north, east to west, people have been taking action and leading the way to unlock
+              the power of nature for our collective future.
             </p>
           </div>
         </motion.div>
diff --git a/src/containers/stories-page/list/index.tsx b/src/containers/stories-page/list/index.tsx
index 7ede4947..52789656 100644
--- a/src/containers/stories-page/list/index.tsx
+++ b/src/containers/stories-page/list/index.tsx
@@ -39,7 +39,6 @@ const List = () => {
         if (filters.categories.length > 0) {
           if (!filters.categories.includes(story.category)) return false;
         }
-
         if (filters.media.length > 0) {
           if (!filters.media.some((m: MediaType) => story.media.includes(m))) return false;
         }
@@ -116,7 +115,7 @@ const List = () => {
 
             <motion.div className="flex justify-center w-full py-10" {...IN_VIEW_PROPS}>
               <Button
-                className="rounded-full"
+                className="rounded-full border-gray-800 text-gray-800"
                 theme="secondary"
                 size="xs"
                 onClick={() => console.info('Show more stories')}