From 1a3fa714b60a55bd46b0e01ed0f245405f8d0f45 Mon Sep 17 00:00:00 2001
From: Ciaran Morinan <c@hash.ai>
Date: Wed, 11 Dec 2024 11:32:15 +0000
Subject: [PATCH] bug / styling fixes

---
 apps/hash-frontend/src/pages/actions.page.tsx          |  2 +-
 .../actions.page/draft-entity/draft-entity-chip.tsx    |  4 ++--
 .../actions.page/draft-entity/draft-entity-type.tsx    | 10 +++++++++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/apps/hash-frontend/src/pages/actions.page.tsx b/apps/hash-frontend/src/pages/actions.page.tsx
index 1fb7ae99929..0f00c38cdec 100644
--- a/apps/hash-frontend/src/pages/actions.page.tsx
+++ b/apps/hash-frontend/src/pages/actions.page.tsx
@@ -220,4 +220,4 @@ ActionsPageOuter.getLayout = (page) =>
     fullWidth: true,
   });
 
-export default ActionsPage;
+export default ActionsPageOuter;
diff --git a/apps/hash-frontend/src/pages/actions.page/draft-entity/draft-entity-chip.tsx b/apps/hash-frontend/src/pages/actions.page/draft-entity/draft-entity-chip.tsx
index 2a9708d7090..cacd334671f 100644
--- a/apps/hash-frontend/src/pages/actions.page/draft-entity/draft-entity-chip.tsx
+++ b/apps/hash-frontend/src/pages/actions.page/draft-entity/draft-entity-chip.tsx
@@ -6,7 +6,6 @@ export const DraftEntityChip = styled(Chip)(({ theme, clickable }) => ({
   background: theme.palette.common.white,
   borderColor: theme.palette.gray[30],
   fontWeight: 500,
-  fontSize: 12,
   textTransform: "none",
   ...(clickable
     ? {
@@ -20,6 +19,7 @@ export const DraftEntityChip = styled(Chip)(({ theme, clickable }) => ({
     color: theme.palette.gray[50],
   },
   [`& .${chipClasses.label}`]: {
-    padding: theme.spacing(0.5, 1.25),
+    padding: theme.spacing(0.3, 1.25),
+    fontSize: 12,
   },
 }));
diff --git a/apps/hash-frontend/src/pages/actions.page/draft-entity/draft-entity-type.tsx b/apps/hash-frontend/src/pages/actions.page/draft-entity/draft-entity-type.tsx
index 4a9f01127f3..127cae8dd9c 100644
--- a/apps/hash-frontend/src/pages/actions.page/draft-entity/draft-entity-type.tsx
+++ b/apps/hash-frontend/src/pages/actions.page/draft-entity/draft-entity-type.tsx
@@ -76,7 +76,14 @@ export const DraftEntityType: FunctionComponent<{
           alignItems: "center",
         }}
       >
-        <Typography sx={{ fontWeight: 500, fontSize: 12 }}>
+        <Typography
+          sx={{
+            fontWeight: 500,
+            fontSize: 12,
+            display: "flex",
+            alignItems: "center",
+          }}
+        >
           <EntityOrTypeIcon
             entity={null}
             fill={({ palette }) => palette.gray[50]}
@@ -90,6 +97,7 @@ export const DraftEntityType: FunctionComponent<{
                 (allOf) => allOf.$ref === linkEntityTypeUrl,
               )
             }
+            sx={{ mr: 0.5 }}
           />
           {entityType.schema.title}
         </Typography>