From a4db92a093bd6e450131295e4f487c3ce0176d50 Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@scandichotels.com>
Date: Wed, 4 Dec 2024 13:35:57 +0100
Subject: [PATCH] feat(SW-889): design changes

---
 components/Sidebar/index.tsx                  |  5 +----
 .../TeaserCard/Sidepeek/index.tsx             | 19 ++++---------------
 .../TempDesignSystem/TeaserCard/index.tsx     |  6 +++---
 3 files changed, 8 insertions(+), 22 deletions(-)
diff --git a/components/Sidebar/index.tsx b/components/Sidebar/index.tsx
index 53e88126e..5ceaadbe4 100644
--- a/components/Sidebar/index.tsx
+++ b/components/Sidebar/index.tsx
@@ -19,10 +19,7 @@ export default function Sidebar({ blocks }: SidebarProps) {
         switch (block.typename) {
           case SidebarEnums.blocks.Content:
             return (
-              <section
-                className={styles.content}
-                key={`${block.typename}-${idx}`}
-              >
+              <section key={`${block.typename}-${idx}`}>
                 <JsonToHtml
                   embeds={block.content.embedded_itemsConnection.edges}
                   nodes={block.content.json.children}
diff --git a/components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx b/components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx
index 84f654639..bb4c39761 100644
--- a/components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx
+++ b/components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx
@@ -2,7 +2,7 @@
 
 import { useState } from "react"
 
-import { ChevronRightIcon } from "@/components/Icons"
+import { ChevronRightSmallIcon } from "@/components/Icons"
 import JsonToHtml from "@/components/JsonToHtml"
 import Button from "@/components/TempDesignSystem/Button"
 
@@ -31,7 +31,7 @@ export default function TeaserCardSidepeek({
         wrapping
       >
         {button.call_to_action_text}
-        <ChevronRightIcon height={20} width={20} />
+        <ChevronRightSmallIcon />
       </Button>
       <SidePeek
         title={heading}
@@ -44,13 +44,7 @@ export default function TeaserCardSidepeek({
         />
         <div className={styles.ctaContainer}>
           {primary_button && (
-            <Button
-              asChild
-              theme="base"
-              intent="primary"
-              size="small"
-              className={styles.ctaButton}
-            >
+            <Button asChild theme="base" intent="primary" size="small">
               <Link
                 href={primary_button.href}
                 target={primary_button.openInNewTab ? "_blank" : undefined}
@@ -61,12 +55,7 @@ export default function TeaserCardSidepeek({
             </Button>
           )}
           {secondary_button && (
-            <Button
-              asChild
-              intent="secondary"
-              size="small"
-              className={styles.ctaButton}
-            >
+            <Button asChild intent="secondary" size="small">
               <Link
                 href={secondary_button.href}
                 target={secondary_button.openInNewTab ? "_blank" : undefined}
diff --git a/components/TempDesignSystem/TeaserCard/index.tsx b/components/TempDesignSystem/TeaserCard/index.tsx
index 67f25998f..eee3c3c7f 100644
--- a/components/TempDesignSystem/TeaserCard/index.tsx
+++ b/components/TempDesignSystem/TeaserCard/index.tsx
@@ -41,9 +41,7 @@ export default function TeaserCard({
         <Subtitle textAlign="left" type="two" color="black">
           {title}
         </Subtitle>
-        <Body color="black" className={styles.body}>
-          {description}
-        </Body>
+        <Body color="black">{description}</Body>
         {sidePeekButton && sidePeekContent ? (
           <TeaserCardSidepeek
             button={sidePeekButton}
@@ -77,6 +75,8 @@ export default function TeaserCard({
                 <Link
                   href={secondaryButton.href}
                   target={secondaryButton.openInNewTab ? "_blank" : undefined}
+                  color="burgundy"
+                  weight="bold"
                 >
                   {secondaryButton.title}
                 </Link>
