From 3f69cedc3f9a3d905348cbb701fe36de6e548d2d Mon Sep 17 00:00:00 2001
From: Sara Vieira <hey@iamsaravieira.com>
Date: Fri, 26 Aug 2022 19:56:22 +0300
Subject: [PATCH] more type fixing

---
 .../panels/asset-manager/asset-info.tsx       | 60 +++++++++----------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/apps/designer/app/designer/features/sidebar-left/panels/asset-manager/asset-info.tsx b/apps/designer/app/designer/features/sidebar-left/panels/asset-manager/asset-info.tsx
index f4e9e49b1d..6e280b414c 100644
--- a/apps/designer/app/designer/features/sidebar-left/panels/asset-manager/asset-info.tsx
+++ b/apps/designer/app/designer/features/sidebar-left/panels/asset-manager/asset-info.tsx
@@ -79,37 +79,35 @@ export const AssetInfo = ({
   return (
     <>
       <Header title="Asset Details" onClose={onClose} />
-      <Grid cols="2" gap="$1">
-        <Box css={{ p: "$2 $3" }}>
-          <Grid columns={2} align="center">
-            <Box css={{ width: 100 }}>
-              <Filename name={name} />
-            </Box>
-            <Flex align="center" css={{ gap: "$1" }}>
-              <CloudIcon />
-              <__DEPRECATED__Text size="1">
-                {prettyBytes(size)}
-              </__DEPRECATED__Text>
-            </Flex>
-          </Grid>
-        </Box>
-        <Box css={{ p: "$2 $3" }}>
-          <Grid columns={2}>
-            <Flex align="center" css={{ gap: "$1" }}>
-              <SizeIcon />
-              <__DEPRECATED__Text size="1">
-                {width} x {height}
-              </__DEPRECATED__Text>
-            </Flex>{" "}
-            <Flex align="center" css={{ gap: "$1" }}>
-              <AspectRatioIcon />
-              <__DEPRECATED__Text size="1">
-                {getFormattedAspectRatio(width, height)}
-              </__DEPRECATED__Text>
-            </Flex>
-          </Grid>
-        </Box>
-      </Grid>
+      <Box css={{ p: "$2 $3" }}>
+        <Grid columns={2} align="center">
+          <Box css={{ width: 100 }}>
+            <Filename name={name} />
+          </Box>
+          <Flex align="center" css={{ gap: "$1" }}>
+            <CloudIcon />
+            <__DEPRECATED__Text size="1">
+              {prettyBytes(size)}
+            </__DEPRECATED__Text>
+          </Flex>
+        </Grid>
+      </Box>
+      <Box css={{ p: "$2 $3" }}>
+        <Grid columns={2}>
+          <Flex align="center" css={{ gap: "$1" }}>
+            <SizeIcon />
+            <__DEPRECATED__Text size="1">
+              {width} x {height}
+            </__DEPRECATED__Text>
+          </Flex>{" "}
+          <Flex align="center" css={{ gap: "$1" }}>
+            <AspectRatioIcon />
+            <__DEPRECATED__Text size="1">
+              {getFormattedAspectRatio(width, height)}
+            </__DEPRECATED__Text>
+          </Flex>
+        </Grid>
+      </Box>
       <Box css={{ p: "$2 $3" }}>
         <Button variant="red" size="2" onClick={handleDeleteAsset}>
           <Flex align="center" css={{ gap: "$1" }}>