From 0bbf30e85fa357ff91510bf13c93ab1d28313526 Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Sat, 23 Aug 2025 17:46:09 -0600
Subject: [PATCH] Rule Stack default breakpoint added

---
 app/components/RuleCard.js  | 2 +-
 app/components/RuleStack.js | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/components/RuleCard.js b/app/components/RuleCard.js
index aaa94f4..5da073e 100644
--- a/app/components/RuleCard.js
+++ b/app/components/RuleCard.js
@@ -9,7 +9,7 @@ const RuleCard = ({
 }) => {
   return (
     <div
-      className={`${backgroundColor} rounded-[var(--spacing-scale-012)] pt-[var(--spacing-scale-012)] pr-[var(--spacing-scale-012)] pl-[var(--spacing-scale-012)] pb-[var(--spacing-scale-024)] flex flex-col gap-[18px] shadow-lg backdrop-blur-sm ${className}`}
+      className={`${backgroundColor} rounded-[var(--radius-measures-radius-small)] pt-[var(--spacing-scale-012)] pr-[var(--spacing-scale-012)] pl-[var(--spacing-scale-012)] pb-[var(--spacing-scale-024)] flex flex-col gap-[18px] shadow-lg backdrop-blur-sm ${className}`}
     >
       {/* Header Container */}
       <div className="grid grid-cols-[auto_1fr] h-[72px] border-b border-[var(--color-surface-default-primary)]">
diff --git a/app/components/RuleStack.js b/app/components/RuleStack.js
index 42d3ce9..2efc5b9 100644
--- a/app/components/RuleStack.js
+++ b/app/components/RuleStack.js
@@ -2,6 +2,7 @@
 
 import SectionHeader from "./SectionHeader";
 import RuleCard from "./RuleCard";
+import Button from "./Button";
 import Image from "next/image";
 
 const RuleStack = ({ children, className = "" }) => {
@@ -68,6 +69,13 @@ const RuleStack = ({ children, className = "" }) => {
           backgroundColor="bg-[var(--color-surface-default-brand-teal)]"
         />
       </div>
+
+      {/* See all templates button */}
+      <div className="flex justify-center">
+        <Button variant="outlined" size="large">
+          See all templates
+        </Button>
+      </div>
     </div>
   );
 };