chore: refine style

2 files changed, 5 insertions, 5 deletions

diff --git a/src/components/proxies/ProxyProvider.module.scss b/src/components/proxies/ProxyProvider.module.scss
index 316f35e..582c255 100644
--- a/src/components/proxies/ProxyProvider.module.scss
+++ b/src/components/proxies/ProxyProvider.module.scss
@@ -2,6 +2,7 @@
 
 .updatedAt {
   margin-bottom: 12px;
+  margin-left: 5px;
   small {
     color: #777;
   }
diff --git a/src/components/proxies/ProxyProvider.tsx b/src/components/proxies/ProxyProvider.tsx
index 3d6e1e9..99d3b3a 100644
--- a/src/components/proxies/ProxyProvider.tsx
+++ b/src/components/proxies/ProxyProvider.tsx
@@ -131,14 +131,13 @@ function ProxyProviderImpl({
           />
         </div>
       </div>
-      {subscriptionInfo && (
-        <div className={s.updatedAt}>
+      <div className={s.updatedAt}>
+        {subscriptionInfo && (
           <small>
             {used} / {total} ( {percentage}% ) &nbsp;&nbsp; Expire: {expireStr()}{' '}
           </small>
-        </div>
-      )}
-      <div className={s.updatedAt}>
+        )}
+        <br />
         <small>Updated {timeAgo} ago</small>
       </div>
       {/* @ts-expect-error ts-migrate(2322) FIXME: Type '{ children: Element[]; isOpen: boolean; }' i... Remove this comment to see the full error message */}