From a81ebe6edc3ec04eaff1ddfe0f98baa68d3a29be Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Thu, 24 Feb 2022 16:29:51 +0800
Subject: [PATCH] Fix opacity in text for settings general page

---
 studio/pages/project/[ref]/settings/general.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/studio/pages/project/[ref]/settings/general.tsx b/studio/pages/project/[ref]/settings/general.tsx
index e2043bcf37c..d0a13d52d8d 100644
--- a/studio/pages/project/[ref]/settings/general.tsx
+++ b/studio/pages/project/[ref]/settings/general.tsx
@@ -127,9 +127,11 @@ const GeneralSettings = observer(() => {
             <div className="w-full flex items-center justify-between">
               <div>
                 <Typography.Text className="block">Restart Server</Typography.Text>
-                <div style={{ maxWidth: '320px' }}>
+                <div style={{ maxWidth: '420px' }}>
                   <Typography.Text type="secondary" className="opacity-50">
-                    Restart your project server
+                    <p className="opacity-50">
+                      Your project will not be available for a few minutes.
+                    </p>
                   </Typography.Text>
                 </div>
               </div>