From 0a2ba33002bd4489c700050e33679b37b30a58a5 Mon Sep 17 00:00:00 2001
From: Manish Kushare <kushare.manish9@gmail.com>
Date: Mon, 26 Sep 2022 11:07:06 +0530
Subject: [PATCH] bug fixed : misaligned text and button in the events section
 in query manager (#4088)

---
 frontend/src/Editor/Inspector/EventManager.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Editor/Inspector/EventManager.jsx b/frontend/src/Editor/Inspector/EventManager.jsx
index 407ced9f6e..cea342a2b9 100644
--- a/frontend/src/Editor/Inspector/EventManager.jsx
+++ b/frontend/src/Editor/Inspector/EventManager.jsx
@@ -776,7 +776,7 @@ export const EventManager = ({
   if (events.length === 0) {
     return (
       <>
-        <div className="text-right mb-3">
+        <div className="text-left mb-3">
           <button
             className="btn btn-sm border-0 font-weight-normal padding-2 col-auto color-primary inspector-add-button"
             onClick={addHandler}
@@ -785,7 +785,7 @@ export const EventManager = ({
             {t('editor.inspector.eventManager.addEventHandler', '+ Add event handler')}
           </button>
         </div>
-        <div className="text-center">
+        <div className="text-left">
           <small className="color-disabled" data-cy="no-event-handler-message">
             {t('editor.inspector.eventManager.emptyMessage', "This {{componentName}} doesn't have any event handlers", {
               componentName: componentName.toLowerCase(),