From d27f20e9f8a7bc1e74eb9ab46176e993fc1cb845 Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Thu, 9 Sep 2021 17:13:27 +0700
Subject: [PATCH] :art: styles: empty common

:%s
---
 src/components/common/EmptyCommon/EmptyCommon.module.scss | 5 +++--
 src/components/common/EmptyCommon/EmptyCommon.tsx         | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/common/EmptyCommon/EmptyCommon.module.scss b/src/components/common/EmptyCommon/EmptyCommon.module.scss
index e866ce699..a31ba4374 100644
--- a/src/components/common/EmptyCommon/EmptyCommon.module.scss
+++ b/src/components/common/EmptyCommon/EmptyCommon.module.scss
@@ -1,15 +1,16 @@
 @import "../../../styles/utilities";
 
 .empty {
-    padding: 4rem 1.6rem;
+    padding: 1.6rem;
     margin: auto;
     .imgWrap {
         min-width: 10rem;
+        text-align: center;
     }
 
     .description {
         color: var(--disabled);
         text-align: center;
-        margin-top: 2.4rem;
+        margin-top: .8rem;
     }
 }
diff --git a/src/components/common/EmptyCommon/EmptyCommon.tsx b/src/components/common/EmptyCommon/EmptyCommon.tsx
index 6e4fc79a8..cc462e6af 100644
--- a/src/components/common/EmptyCommon/EmptyCommon.tsx
+++ b/src/components/common/EmptyCommon/EmptyCommon.tsx
@@ -10,7 +10,7 @@ interface Props {
 const EmptyCommon = ({ description = "No data to display" }: Props) => {
     return (
         <div className={s.empty}>
-            <div className="imgWrap">
+            <div className={s.imgWrap}>
                 <StaticImage src={EmptyImg} alt="empty" />
             </div>
             {