From bc484ad321dca7d84365f5fef4ef61b523f0150c Mon Sep 17 00:00:00 2001
From: Matthew Warman <warmanmr@gmail.com>
Date: Thu, 3 Oct 2024 09:36:36 -0400
Subject: [PATCH] styles

---
 src/pages/Users/components/UserDetail/AddressDetail.tsx | 4 ++--
 src/pages/Users/components/UserDetail/CompanyDetail.tsx | 4 ++--
 src/pages/Users/components/UserDetail/ContactInfo.scss  | 3 +--
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/pages/Users/components/UserDetail/AddressDetail.tsx b/src/pages/Users/components/UserDetail/AddressDetail.tsx
index c8a1ffe..2a0a2ec 100644
--- a/src/pages/Users/components/UserDetail/AddressDetail.tsx
+++ b/src/pages/Users/components/UserDetail/AddressDetail.tsx
@@ -51,7 +51,7 @@ const AddressDetail = ({
           <LoaderSkeleton animated heightStyle="1.5rem" widthStyle="1.5rem" />
           <LoaderSkeleton animated heightStyle="1.5rem" widthStyle="10rem" />
         </HeaderRow>
-        <div>
+        <div className="ls-address-detail__content">
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
@@ -69,7 +69,7 @@ const AddressDetail = ({
           <Icon icon={IconName.MapLocationDot} />
           <div>Address</div>
         </HeaderRow>
-        <div className="ls-address-detail-content">
+        <div className="ls-address-detail__content">
           <div>{address.street}</div>
           <div>{address.suite}</div>
           <div>{address.city}</div>
diff --git a/src/pages/Users/components/UserDetail/CompanyDetail.tsx b/src/pages/Users/components/UserDetail/CompanyDetail.tsx
index bde4009..a42984b 100644
--- a/src/pages/Users/components/UserDetail/CompanyDetail.tsx
+++ b/src/pages/Users/components/UserDetail/CompanyDetail.tsx
@@ -51,7 +51,7 @@ const CompanyDetail = ({
           <LoaderSkeleton animated heightStyle="1.5rem" widthStyle="1.5rem" />
           <LoaderSkeleton animated heightStyle="1.5rem" widthStyle="10rem" />
         </HeaderRow>
-        <div className="content">
+        <div className="ls-company-detail__content">
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
           <LoaderSkeleton animated heightStyle="1.25rem" widthStyle="20rem" />
@@ -68,7 +68,7 @@ const CompanyDetail = ({
           <Icon icon={IconName.Building} />
           <div>Company</div>
         </HeaderRow>
-        <div className="ls-company-detail-content">
+        <div className="ls-company-detail__content">
           <div className="font-bold">{company.name}</div>
           <div>{company.catchPhrase}</div>
           <div>{company.bs}</div>
diff --git a/src/pages/Users/components/UserDetail/ContactInfo.scss b/src/pages/Users/components/UserDetail/ContactInfo.scss
index 8c65a0b..94614e2 100644
--- a/src/pages/Users/components/UserDetail/ContactInfo.scss
+++ b/src/pages/Users/components/UserDetail/ContactInfo.scss
@@ -4,8 +4,7 @@
       display: flex;
       align-items: center;
       flex-wrap: nowrap;
-      column-gap: 1rem;
-      row-gap: 0.25rem;
+      gap: 1rem;
     }
   }
 }