From f8d34b8fadb5f9d02e4b75d3c8be60aff093bcde Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Fri, 3 Jun 2022 17:01:30 +0800
Subject: [PATCH] Small styling update to backups empty state

---
 .../interfaces/Database/Backups/BackupsList.tsx           | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/studio/components/interfaces/Database/Backups/BackupsList.tsx b/studio/components/interfaces/Database/Backups/BackupsList.tsx
index 9f1e79464da..92d5319f704 100644
--- a/studio/components/interfaces/Database/Backups/BackupsList.tsx
+++ b/studio/components/interfaces/Database/Backups/BackupsList.tsx
@@ -55,12 +55,10 @@ const BackupsList: FC<Props> = ({}) => {
   return (
     <div className="space-y-6">
       {!sortedBackups?.length && tierId !== STRIPE_PRODUCT_IDS.FREE ? (
-        <div className="block w-full rounded border border-green-500 border-opacity-50 bg-green-500 bg-opacity-5 p-3">
+        <div className="block w-full rounded border border-gray-400 border-opacity-50 bg-gray-300 p-3">
           <div className="flex space-x-3">
-            <div>
-              <IconInfo className="text-green-500" size="large" />
-            </div>
-            <p>No backups created yet. Check again tomorrow.</p>
+            <IconInfo size={20} strokeWidth={1.5} />
+            <p className="text-sm">No backups created yet. Check again tomorrow.</p>
           </div>
         </div>
       ) : (