fix rating skeleton size

ui/marketplace/MarketplaceAppModal.tsx

@@ -164,6 +164,7 @@ const MarketplaceAppModal = ({
             gridColumn={{ base: '1 / 3', md: 2 }}
             marginTop={{ base: 6, md: 3 }}
             py={{ base: 0, md: 1.5 }}
+            width="fit-content"
           >
             <Rating
               appId={ id }

ui/marketplace/Rating/Rating.tsx

@@ -24,7 +24,12 @@ const Rating = ({
   const { isOpen, onToggle, onClose } = useDisclosure();
 
   return (
-    <Skeleton display="flex" alignItems="center" isLoaded={ !isLoading } minW={ isLoading ? '40px' : 'auto' }>
+    <Skeleton
+      display="flex"
+      alignItems="center"
+      isLoaded={ !isLoading }
+      w={ (isLoading && !fullView) ? '40px' : 'auto' }
+    >
       { fullView && (
         <>
           <Stars filledIndex={ (rating || 0) - 1 }/>

ui/marketplace/Rating/TriggerButton.tsx

@@ -58,7 +58,9 @@ const TriggerButton = (
           />
         ) }
         { (rating && !fullView) ? (
-          <chakra.span color={ textColor } transition="inherit">{ rating }</chakra.span>
+          <chakra.span color={ textColor } transition="inherit">
+            { rating }
+          </chakra.span>
         ) : (
           'Rate it!'
         ) }