diff --git a/frontend/src/Editor/Inspector/EventSelector.jsx b/frontend/src/Editor/Inspector/EventSelector.jsx
index 37258a517c..34ce532703 100644
--- a/frontend/src/Editor/Inspector/EventSelector.jsx
+++ b/frontend/src/Editor/Inspector/EventSelector.jsx
@@ -62,7 +62,7 @@ export const EventSelector = ({
         <div>
           {definition.actionId === 'show-alert' && (
             <div className="p-3">
-              <label className="form-label mt-2">Message</label>
+              <label className="form-label mt-1">Message</label>
               <input
                 onChange={(e) => eventOptionUpdated(param, 'message', e.target.value, extraData)}
                 value={message}
@@ -75,7 +75,7 @@ export const EventSelector = ({
 
           {definition.actionId === 'open-webpage' && (
             <div className="p-3">
-              <label className="form-label mt-2">URL</label>
+              <label className="form-label mt-1">URL</label>
               <CodeHinter
                 currentState={currentState}
                 initialValue={definition.options.url}
@@ -86,7 +86,7 @@ export const EventSelector = ({
 
           {definition.actionId === 'show-modal' && (
             <div className="p-3">
-              <label className="form-label mt-2">Modal</label>
+              <label className="form-label mt-1">Modal</label>
               <SelectSearch
                 options={getModalOptions()}
                 value={definition.options.model}
@@ -102,7 +102,7 @@ export const EventSelector = ({
 
           {definition.actionId === 'run-query' && (
             <div className="p-3">
-              <label className="form-label mt-2">Query</label>
+              <label className="form-label mt-1">Query</label>
               <SelectSearch
                 options={dataQueries.map((query) => {
                   return { name: query.name, value: query.id };
diff --git a/frontend/src/Editor/Inspector/Inspector.jsx b/frontend/src/Editor/Inspector/Inspector.jsx
index be17fc02a3..04035e6308 100644
--- a/frontend/src/Editor/Inspector/Inspector.jsx
+++ b/frontend/src/Editor/Inspector/Inspector.jsx
@@ -165,7 +165,7 @@ export const Inspector = ({
         <div className="properties-container p-2">
           {Object.keys(componentMeta.properties).map((property) => renderElement(component, componentMeta, paramUpdated, dataQueries, property, 'properties', currentState, components))}
           {Object.keys(componentMeta.styles).map((style) => renderElement(component, componentMeta, paramUpdated, dataQueries, style, 'styles', currentState, components))}
-          <hr></hr>
+          <div class="hr-text">Events</div>
           {Object.keys(componentMeta.events).map((eventName) => renderEvent(component, eventUpdated, dataQueries, eventOptionUpdated, eventName, componentMeta.events[eventName], currentState, components))}
         </div>
       }