diff --git a/client/index.html b/client/index.html
index c12f6480..b2b4e07a 100644
--- a/client/index.html
+++ b/client/index.html
@@ -1,5 +1,5 @@
-
+
@@ -14,19 +14,13 @@
-
+
-
+
diff --git a/client/src/features/editor/components/IconBlock/IconBlock.style.ts b/client/src/features/editor/components/IconBlock/IconBlock.style.ts
index 2a95384b..f48ef8cf 100644
--- a/client/src/features/editor/components/IconBlock/IconBlock.style.ts
+++ b/client/src/features/editor/components/IconBlock/IconBlock.style.ts
@@ -4,8 +4,8 @@ import { css, cva } from "@styled-system/css";
export const iconContainerStyle = css({
display: "flex",
justifyContent: "center",
- alignItems: "center",
- minWidth: "24px",
+ width: "24px",
+ height: "24px",
marginRight: "8px",
});
diff --git a/client/src/features/editor/components/MenuBlock/MenuBlock.style.ts b/client/src/features/editor/components/MenuBlock/MenuBlock.style.ts
index 23635f7b..1e730654 100644
--- a/client/src/features/editor/components/MenuBlock/MenuBlock.style.ts
+++ b/client/src/features/editor/components/MenuBlock/MenuBlock.style.ts
@@ -8,8 +8,8 @@ export const menuBlockStyle = css({
left: 0,
justifyContent: "center",
alignItems: "center",
- width: "20px",
- height: "20px",
+ width: "24px",
+ height: "24px",
marginLeft: "-20px",
opacity: 0,
transition: "opacity 0.2s ease-in-out",
diff --git a/client/src/features/editor/components/block/Block.style.ts b/client/src/features/editor/components/block/Block.style.ts
index 89e9dc3e..ee9b14af 100644
--- a/client/src/features/editor/components/block/Block.style.ts
+++ b/client/src/features/editor/components/block/Block.style.ts
@@ -38,8 +38,9 @@ export const contentWrapperStyle = cva({
position: "relative",
flex: 1,
flexDirection: "row",
- alignItems: "center",
+ alignItems: "flex-start",
width: "100%",
+ height: "100%",
},
});