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}