From 1986d1e6f2248f36faf817b76aa76056db89b4cb Mon Sep 17 00:00:00 2001
From: Maximilian Kaske <56969857+mxkaske@users.noreply.github.com>
Date: Thu, 6 Nov 2025 14:07:48 +0100
Subject: [PATCH] fix: blog category selector mobile alignment (#1541)

* fix: mobile alignment

* fix: format
---
 .../(pages)/(content)/blog/_components/category-select.tsx    | 2 +-
 apps/web/src/components/content/timeline.tsx                  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/(pages)/(content)/blog/_components/category-select.tsx b/apps/web/src/app/(pages)/(content)/blog/_components/category-select.tsx
index 36a0edd2..681532e0 100644
--- a/apps/web/src/app/(pages)/(content)/blog/_components/category-select.tsx
+++ b/apps/web/src/app/(pages)/(content)/blog/_components/category-select.tsx
@@ -28,7 +28,7 @@ export function CategorySelect() {
         });
       }}
     >
-      <SelectTrigger className="capitalize h-9">
+      <SelectTrigger className="h-9 capitalize">
         <SelectValue placeholder="Select a category" />
       </SelectTrigger>
       <SelectContent>
diff --git a/apps/web/src/components/content/timeline.tsx b/apps/web/src/components/content/timeline.tsx
index 329cddf6..b9423e24 100644
--- a/apps/web/src/components/content/timeline.tsx
+++ b/apps/web/src/components/content/timeline.tsx
@@ -20,12 +20,12 @@ export function Timeline({
     <div className="grid gap-8">
       <div className="grid gap-4 md:grid-cols-5 md:gap-8">
         <div className="md:col-span-1" />
-        <div className="flex items-end justify-between gap-3 md:col-span-4">
+        <div className="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between md:col-span-4">
           <div className="grid gap-4">
             <h1 className="font-cal text-4xl text-foreground">{title}</h1>
             <p className="text-muted-foreground">{description}</p>
           </div>
-          <div className="flex items-center gap-2">{actions}</div>
+          <div className="flex items-center gap-2 self-end">{actions}</div>
         </div>
       </div>
       {children}
-- 
2.51.2