diff --git a/apps/studio/components/interfaces/Home/ServiceStatus.tsx b/apps/studio/components/interfaces/Home/ServiceStatus.tsx
index f8ea3106270..146c58ef5a0 100644
--- a/apps/studio/components/interfaces/Home/ServiceStatus.tsx
+++ b/apps/studio/components/interfaces/Home/ServiceStatus.tsx
@@ -1,5 +1,5 @@
import dayjs from 'dayjs'
-import { AlertTriangle, CheckCircle2, ChevronRight, Loader2 } from 'lucide-react'
+import { AlertTriangle, CheckCircle2, ChevronRight, Info, Loader2 } from 'lucide-react'
import Link from 'next/link'
import { useEffect, useState } from 'react'
@@ -9,7 +9,14 @@ import { usePostgresServiceStatusQuery } from 'data/service-status/postgres-serv
import { useProjectServiceStatusQuery } from 'data/service-status/service-status-query'
import { useIsFeatureEnabled } from 'hooks/misc/useIsFeatureEnabled'
import { useSelectedProject } from 'hooks/misc/useSelectedProject'
-import { Button, PopoverContent_Shadcn_, PopoverTrigger_Shadcn_, Popover_Shadcn_ } from 'ui'
+import {
+ Button,
+ InfoIcon,
+ PopoverContent_Shadcn_,
+ PopoverTrigger_Shadcn_,
+ Popover_Shadcn_,
+} from 'ui'
+import { PopoverSeparator } from '@ui/components/shadcn/ui/popover'
const SERVICE_STATUS_THRESHOLD = 5 // minutes
@@ -163,7 +170,8 @@ const ServiceStatus = () => {
// If the project is less than 5 minutes old, and status is not operational, then it's likely the service is still starting up
const isProjectNew =
- dayjs.utc().diff(dayjs.utc(project?.inserted_at), 'minute') < SERVICE_STATUS_THRESHOLD
+ dayjs.utc().diff(dayjs.utc(project?.inserted_at), 'minute') < SERVICE_STATUS_THRESHOLD ||
+ project?.status === 'COMING_UP'
useEffect(() => {
let timer: any
@@ -237,6 +245,13 @@ const ServiceStatus = () => {
))}
+