fixes

theme/components/Skeleton.ts

@@ -23,8 +23,8 @@ const baseStyle: SystemStyleFunction = (props) => {
   const end = getColor(theme, endColor);
 
   return {
-    opacity: 0.7,
-    borderRadius: '2px',
+    opacity: 1,
+    borderRadius: 'base',
     borderColor: start,
     background: end,
     animation: `${ speed }s linear infinite alternate ${ fade(start, end) }`,

ui/pages/ApiKeys.tsx

@@ -55,7 +55,7 @@ const ApiKeysPage: React.FC = () => {
         <>
           <Skeleton height={ 6 } width="250px" borderRadius="full" marginBottom={ 12 }/>
           <SkeletonTable columns={ [ '100%', '108px' ] }/>
-          <Skeleton height="44px" width="156px" borderRadius="base" marginTop={ 8 }/>
+          <Skeleton height="44px" width="156px" marginTop={ 8 }/>
         </>
       );
     }

ui/privateTags/PrivateAddressTags.tsx

@@ -45,7 +45,7 @@ const PrivateAddressTags = ({ addressTags }: Props) => {
       <>
         <Skeleton height={ 6 } width="250px" borderRadius="full" marginBottom={ 12 }/>
         <SkeletonTable columns={ [ 'auto', '40%', '108px' ] }/>
-        <Skeleton height="44px" width="156px" borderRadius="base" marginTop={ 8 }/>
+        <Skeleton height="44px" width="156px" marginTop={ 8 }/>
       </>
     );
   }

ui/privateTags/PrivateTransactionTags.tsx

@@ -45,7 +45,7 @@ const PrivateTransactionTags = ({ transactionTags }: Props) => {
       <>
         <Skeleton height={ 6 } width="250px" borderRadius="full" marginBottom={ 12 }/>
         <SkeletonTable columns={ [ 'auto', '25%', '108px' ] }/>
-        <Skeleton height="44px" width="156px" borderRadius="base" marginTop={ 8 }/>
+        <Skeleton height="44px" width="156px" marginTop={ 8 }/>
       </>
     );
   }

ui/shared/SkeletonTable.tsx

@@ -8,7 +8,7 @@ interface Props {
 const SkeletonTable = ({ columns }: Props) => {
   return (
     <div>
-      <Skeleton height={ 10 } width="100%" borderTopLeftRadius="base" borderTopRightRadius="base"/>
+      <Skeleton height={ 10 } width="100%" borderBottomLeftRadius="none" borderBottomRightRadius="none"/>
       { Array.from(Array(4)).map((item, index) => (
         <HStack key={ index } spacing={ 6 } marginTop={ 8 }>
           { columns.map((width, index) => (