diff --git a/front/components/home/ContentBlocks.tsx b/front/components/home/ContentBlocks.tsx
index a3a2ab6bba9d..38ff7f2f917a 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>
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",
 };