diff --git a/src/components/CasesSection/CasesSection.js b/src/components/CasesSection/CasesSection.js
index 1343a8e3..444b0cec 100644
--- a/src/components/CasesSection/CasesSection.js
+++ b/src/components/CasesSection/CasesSection.js
@@ -10,27 +10,33 @@ const CasesSection = ({ data }) => {
   const casos = cases.map(caso =>
     casesData?.allStrapiCase?.nodes.find(ca => ca.strapiId === caso.id)
   )
-
   const casesCards = casos.map((caso, idx) => {
     const image = getImage(caso?.image?.localFile)
 
     return (
       <div
-        className="case col-12 col-md-4 row"
+        className={`case col-12 ${
+          casos.length === 3 ? "col-md-4" : "col-md-6"
+        }  row`}
         key={`case-${idx}`}
         id={data.strapi_component + "-" + data.id}
       >
         <div className="col-6 col-md-12">
-          <GatsbyImage image={image} alt={caso.title} className="case__img" />
+          <GatsbyImage image={image} alt={caso?.title} className="case__img" />
         </div>
         <div className="col-6 col-md-12">
           <div className="case__descr">
-            <h5 className="case__descr_title">{caso.title}</h5>
-            <p className="case__descr_text">"{caso.quote.description}"</p>
+            <h5 className="case__descr_title">{caso?.title}</h5>
+            <p className="case__descr_text">"{caso?.quote?.description}"</p>
           </div>
           {caso.button?.landing_page && (
-            <a href={caso.button?.landing_page?.slug + "/#" + caso.title}>
-              <button>{caso.button.content}</button>
+            <a href={caso.button?.landing_page?.slug + "/#" + caso?.title}>
+              <button>{caso?.button?.content}</button>
+            </a>
+          )}
+          {caso.button?.url && (
+            <a href={caso.button?.url}>
+              <button>{caso?.button?.content}</button>
             </a>
           )}
         </div>
@@ -41,9 +47,9 @@ const CasesSection = ({ data }) => {
   return (
     <div className="container py-5 casesSection">
       {title && <h2>{title}</h2>}
-      {(casesCards !== undefined && casesCards.length > 0) && 
+      {casesCards !== undefined && casesCards.length > 0 && (
         <div className="cases row">{casesCards}</div>
-      }
+      )}
     </div>
   )
 }
diff --git a/src/components/CasesSection/CasesSection.scss b/src/components/CasesSection/CasesSection.scss
index 5712d7e7..4c3bbe58 100644
--- a/src/components/CasesSection/CasesSection.scss
+++ b/src/components/CasesSection/CasesSection.scss
@@ -10,7 +10,7 @@
 .case {
     color: $primary;
     --bs-gutter-x: 0 !important;
-    padding: 10px;
+    padding: 30px;
     &__img {
         height: 200px;
         width: 100%;