From c46d57edbad725b241cec5693b1151c35d223a66 Mon Sep 17 00:00:00 2001
From: Navaneeth Pk <navaneeth@tooljet.io>
Date: Fri, 20 Aug 2021 22:52:37 +0530
Subject: [PATCH] Fix the margins of dropdown and multiselect widgets (#566)

---
 frontend/src/Editor/Components/DropDown.jsx    | 6 +++---
 frontend/src/Editor/Components/Multiselect.jsx | 6 +++---
 frontend/src/Editor/Components/components.js   | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/Editor/Components/DropDown.jsx b/frontend/src/Editor/Components/DropDown.jsx
index 6378ab579f..fccef68473 100644
--- a/frontend/src/Editor/Components/DropDown.jsx
+++ b/frontend/src/Editor/Components/DropDown.jsx
@@ -57,11 +57,11 @@ export const DropDown = function DropDown({
   }, [currentValue]);
 
   return (
-    <div className="row" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
+    <div className="row g-0" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
       <div className="col-auto">
-        <label className="form-label p-2">{label}</label>
+        <label style={{marginRight: '1rem'}} className="form-label py-2">{label}</label>
       </div>
-      <div className="col">
+      <div className="col px-0">
         <SelectSearch
           options={selectOptions}
           value={currentValue}
diff --git a/frontend/src/Editor/Components/Multiselect.jsx b/frontend/src/Editor/Components/Multiselect.jsx
index 8b1587ecac..06fa69e1fa 100644
--- a/frontend/src/Editor/Components/Multiselect.jsx
+++ b/frontend/src/Editor/Components/Multiselect.jsx
@@ -40,11 +40,11 @@ export const Multiselect = function Multiselect({
   }, [newValue]);
 
   return (
-    <div className="row" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
+    <div className="row g-0" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
       <div className="col-auto">
-        <label className="form-label p-2">{label}</label>
+        <label style={{marginRight: '1rem'}} className="form-label py-2">{label}</label>
       </div>
-      <div className="col">
+      <div className="col px-0">
         <SelectSearch
           options={selectOptions}
           value={currentValue}
diff --git a/frontend/src/Editor/Components/components.js b/frontend/src/Editor/Components/components.js
index e9491992cb..f171de93eb 100644
--- a/frontend/src/Editor/Components/components.js
+++ b/frontend/src/Editor/Components/components.js
@@ -714,7 +714,7 @@ export const componentTypes = [
     description: 'Select multiple values from options',
     defaultSize: {
       width: 200,
-      height: 60
+      height: 37
     },
     component: 'Multiselect',
     others: {