From 20ba3fcfe7fbef6eeb61f066dc7315cc4995fbe9 Mon Sep 17 00:00:00 2001
From: k-kumar-01 <kushalkumargupta4@gmail.com>
Date: Thu, 25 Mar 2021 12:42:03 +0530
Subject: [PATCH] fix(ui-markdown-editor): Resize clickable area - #318

Signed-off-by: k-kumar-01 <kushalkumargupta4@gmail.com>
---
 packages/ui-markdown-editor/src/components/icons/image.js  | 5 +++--
 packages/ui-markdown-editor/src/components/icons/tbreak.js | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/ui-markdown-editor/src/components/icons/image.js b/packages/ui-markdown-editor/src/components/icons/image.js
index 4d5fe08d..c4f7033e 100644
--- a/packages/ui-markdown-editor/src/components/icons/image.js
+++ b/packages/ui-markdown-editor/src/components/icons/image.js
@@ -12,8 +12,9 @@ const icon = () => (
 const image = {
   type: 'image',
   label: `Insert Image (${MOD()}+Shift+G)`,
-  height: '18px',
-  width: '18px',
+  height: '25px',
+  width: '25px',
+  padding: '4px',
   viewBox: '0 0 18 18',
   icon,
 };
diff --git a/packages/ui-markdown-editor/src/components/icons/tbreak.js b/packages/ui-markdown-editor/src/components/icons/tbreak.js
index 97b1d67d..6b1c136d 100644
--- a/packages/ui-markdown-editor/src/components/icons/tbreak.js
+++ b/packages/ui-markdown-editor/src/components/icons/tbreak.js
@@ -13,8 +13,9 @@ const icon = () => (
 const tbreak = {
   type: 'horizontal_rule',
   label: `Page Break (${MOD()}+Enter)`,
-  height: '17px',
-  width: '17px',
+  height: '25px',
+  width: '25px',
+  padding: '4px',
   viewBox: '0 0 19 19',
   icon,
 };