From 2ce8ff97eb52b970c0564749d335ee20402a753d Mon Sep 17 00:00:00 2001
From: Ankit Choudhary <61384771+helloankit@users.noreply.github.com>
Date: Fri, 27 Dec 2024 21:32:40 +0530
Subject: [PATCH] style: align svg icon to the center of the container (#31353)

* style: align svg icon to the center of the container

* style + refactor: fixed parent div style + removed zombie div
---
 apps/studio/components/ui/States/EmptyListState.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/studio/components/ui/States/EmptyListState.tsx b/apps/studio/components/ui/States/EmptyListState.tsx
index 20c44a8e372..6191da771e0 100644
--- a/apps/studio/components/ui/States/EmptyListState.tsx
+++ b/apps/studio/components/ui/States/EmptyListState.tsx
@@ -10,9 +10,8 @@ const EmptyListState = ({ title, description }: { title: string; description: st
     "
     >
       <div className="flex flex-col gap-1">
-        <div className="relative flex h-4 w-32 items-center rounded border border-dashed px-2"></div>
-        <div className="relative flex h-4 w-32 items-center rounded border border-dashed px-2">
-          <div className="absolute right-1 -bottom-4">
+        <div className="relative flex h-4 w-32 items-center justify-center rounded border border-dashed px-2">
+          <div className="absolute -bottom-4">
             <svg
               xmlns="http://www.w3.org/2000/svg"
               className="h-6 w-6"