From 5ca8b2e2181f65de426fceb4f682ffe5a2757964 Mon Sep 17 00:00:00 2001
From: Thomas Draier <thomas@dust.tt>
Date: Mon, 23 Dec 2024 10:46:26 +0100
Subject: [PATCH 1/2] change color

---
 front/components/home/ContentComponents.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front/components/home/ContentComponents.tsx b/front/components/home/ContentComponents.tsx
index 3e33a8b23f7a..f00d3839c5bd 100644
--- a/front/components/home/ContentComponents.tsx
+++ b/front/components/home/ContentComponents.tsx
@@ -98,7 +98,7 @@ const pClasses = {
   xxs: "font-objektiv text-xs text-muted-foreground md:text-sm leading-relaxed",
   xs: "font-objektiv text-sm text-slate-400 md:text-base leading-relaxed",
   sm: "font-objektiv text-base text-slate-400 md:text-lg leading-relaxed",
-  md: "font-objektiv text-lg md:text-lg text-slate-300 lg:text-xl leading-relaxed",
+  md: "font-objektiv text-lg md:text-lg text-slate-700 lg:text-xl leading-relaxed",
   lg: "font-objektiv text-lg md:text-xl text-slate-300 lg:text-2xl drop-shadow leading-relaxed",
 };
 

From f062cf974d4954901bbcce26e43dbf12ad8e7935 Mon Sep 17 00:00:00 2001
From: Thomas Draier <thomas@dust.tt>
Date: Mon, 23 Dec 2024 10:46:58 +0100
Subject: [PATCH 2/2] responsive text

---
 front/components/home/ContentBlocks.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/front/components/home/ContentBlocks.tsx b/front/components/home/ContentBlocks.tsx
index 2cd88d677631..a6307f6b429a 100644
--- a/front/components/home/ContentBlocks.tsx
+++ b/front/components/home/ContentBlocks.tsx
@@ -275,13 +275,20 @@ export const CarousselContentBlock = ({
         </P>
       </div>
       <div className="w-full text-left">
-        <Link href={href} shallow={true} className="inline-block">
+        <Link href={href} shallow={true} className="inline-block max-w-full">
+          <Button
+            label={"Discover Dust"}
+            variant="outline"
+            size="md"
+            icon={ArrowRightIcon}
+            className="flex max-w-full md:hidden"
+          />
           <Button
             label={"Discover Dust for " + title}
             variant="outline"
             size="md"
             icon={ArrowRightIcon}
-            className="max-w-full"
+            className="hidden max-w-full md:flex"
           />
         </Link>
       </div>