+1 -1

apps/dashboard/src/components/controls-search/command-region.tsx

··· 164 164 }} 165 165 > 166 166 <Globe className="size-3" /> 167 167 - <span className="font-mono truncate">{location.name}</span> 167 167 + <span className="truncate font-mono">{location.name}</span> 168 168 <Check 169 169 className={cn( 170 170 "ml-auto",

+1 -1

apps/dashboard/src/components/data-table/maintenances/columns.tsx

··· 25 25 cell: ({ row }) => { 26 26 const value = String(row.getValue("message")); 27 27 return ( 28 28 - <div className="max-w-[200px] truncate text-muted-foreground prose prose-sm line-clamp-3"> 28 28 + <div className="prose prose-sm line-clamp-3 max-w-[200px] truncate text-muted-foreground"> 29 29 <ProcessMessage value={value} /> 30 30 </div> 31 31 );

+1 -1

apps/dashboard/src/components/data-table/response-logs/regions/columns.tsx

··· 42 42 <Tooltip> 43 43 <TooltipTrigger className="flex h-[50px] items-center gap-1"> 44 44 {region.flag}{" "} 45 45 - <span className="truncate max-w-[90px]"> 45 45 + <span className="max-w-[90px] truncate"> 46 46 {formatRegionCode(region.code)} 47 47 </span> 48 48 </TooltipTrigger>

+1 -1

apps/dashboard/src/components/data-table/status-report-updates/data-table.tsx

··· 111 111 </div> 112 112 </TableCell> 113 113 <TableCell> 114 114 - <div className="text-wrap prose prose-sm line-clamp-3"> 114 114 + <div className="prose prose-sm line-clamp-3 text-wrap"> 115 115 <ProcessMessage value={update.message} /> 116 116 </div> 117 117 </TableCell>

+1 -1

apps/dashboard/src/components/forms/maintenance/form.tsx

··· 370 370 <TabsContent value="tab-2"> 371 371 <div className="grid gap-2"> 372 372 <Label>Preview</Label> 373 373 - <div className="rounded-md border px-3 py-2 text-foreground text-sm prose prose-sm"> 373 373 + <div className="prose prose-sm rounded-md border px-3 py-2 text-foreground text-sm"> 374 374 <ProcessMessage value={watchMessage} /> 375 375 </div> 376 376 </div>

+1 -1

apps/dashboard/src/components/forms/status-page/form-configuration.tsx

··· 401 401 onSelect={(v) => field.onChange(v)} 402 402 > 403 403 <span className="truncate">{name}</span> 404 404 - <span className="text-muted-foreground text-xs truncate font-commit-mono"> 404 404 + <span className="truncate font-commit-mono text-muted-foreground text-xs"> 405 405 by {author.name} 406 406 </span> 407 407 <Check

+1 -1

apps/dashboard/src/components/forms/status-report-update/form.tsx

··· 278 278 <TabsContent value="tab-2"> 279 279 <div className="grid gap-2"> 280 280 <Label>Preview</Label> 281 281 - <div className="rounded-md border px-3 py-2 text-foreground text-sm prose prose-sm"> 281 281 + <div className="prose prose-sm rounded-md border px-3 py-2 text-foreground text-sm"> 282 282 <ProcessMessage value={watchMessage} /> 283 283 </div> 284 284 </div>

+1 -1

apps/dashboard/src/components/forms/status-report/form.tsx

··· 317 317 <TabsContent value="tab-2"> 318 318 <div className="grid gap-2"> 319 319 <Label>Preview</Label> 320 320 - <div className="rounded-md border px-3 py-2 text-foreground text-sm prose prose-sm"> 320 320 + <div className="prose prose-sm rounded-md border px-3 py-2 text-foreground text-sm"> 321 321 <ProcessMessage value={watchMessage} /> 322 322 </div> 323 323 </div>

+1 -1

apps/status-page/src/components/status-page/floating-button.tsx

··· 353 353 <span className="truncate"> 354 354 {THEMES[theme].name} 355 355 </span> 356 356 - <span className="text-muted-foreground text-xs truncate font-commit-mono"> 356 356 + <span className="truncate font-commit-mono text-muted-foreground text-xs"> 357 357 by {THEMES[theme].author.name} 358 358 </span> 359 359 <Check

+1 -1

apps/status-page/src/components/status-page/floating-theme.tsx

··· 103 103 <span className="truncate"> 104 104 {THEMES[theme].name} 105 105 </span> 106 106 - <span className="text-muted-foreground text-xs truncate font-commit-mono"> 106 106 + <span className="truncate font-commit-mono text-muted-foreground text-xs"> 107 107 by {THEMES[theme].author.name} 108 108 </span> 109 109 <Check

+2 -2

apps/status-page/src/components/status-page/status-tracker.tsx

··· 231 231 <HoverCardTrigger asChild> 232 232 <div 233 233 className={cn( 234 234 - "group relative mx-px flex h-full w-full cursor-pointer flex-col outline-none first:ml-0 last:mr-0 hover:opacity-80 focus-visible:opacity-80 focus-visible:ring-[2px] focus-visible:ring-ring/50 data-[aria-pressed=true]:opacity-80", 234 234 + "group relative mx-px flex h-full w-full cursor-pointer flex-col rounded-full outline-none first:ml-0 last:mr-0 hover:opacity-80 focus-visible:opacity-80 focus-visible:ring-[2px] focus-visible:ring-ring/50 data-[aria-pressed=true]:opacity-80", 235 235 )} 236 236 onClick={() => handleBarClick(index)} 237 237 onFocus={() => handleBarFocus(index)} ··· 253 253 {item.bar.map((segment, segmentIndex) => ( 254 254 <div 255 255 key={`${item.day}-${segment.status}-${segmentIndex}`} 256 256 - className="w-full transition-all" 256 256 + className="w-full rounded-full transition-all" 257 257 style={{ 258 258 height: `${segment.height}%`, 259 259 backgroundColor: chartConfig[segment.status].color,