From 3009e9255a4c9360c41941d838411698f3e180a7 Mon Sep 17 00:00:00 2001
From: Arjunlal B <arjun@traceable.ai>
Date: Wed, 27 Jan 2021 17:53:22 +0530
Subject: [PATCH 1/2] fix: make select trigger height inheritable

---
 projects/components/src/select/select.component.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/projects/components/src/select/select.component.scss b/projects/components/src/select/select.component.scss
index 38234cbd9..9ec0e4681 100644
--- a/projects/components/src/select/select.component.scss
+++ b/projects/components/src/select/select.component.scss
@@ -17,7 +17,8 @@
   border: 1px solid $color-border;
   border-radius: 6px;
   width: 100%;
-  height: 34px;
+  min-height: 34px;
+  height: inherit;
 
   &.small {
     height: 32px;

From 50b3c963f08de53ea7df90d665e85bc0b7cf5783 Mon Sep 17 00:00:00 2001
From: Arjunlal B <arjun@traceable.ai>
Date: Wed, 27 Jan 2021 19:37:55 +0530
Subject: [PATCH 2/2] fix: add large size

---
 projects/components/src/select/select-size.ts        |  3 ++-
 projects/components/src/select/select.component.scss | 11 +++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/projects/components/src/select/select-size.ts b/projects/components/src/select/select-size.ts
index 15379b41b..0ed4b4634 100644
--- a/projects/components/src/select/select-size.ts
+++ b/projects/components/src/select/select-size.ts
@@ -1,4 +1,5 @@
 export const enum SelectSize {
   Small = 'small',
-  Medium = 'medium'
+  Medium = 'medium',
+  Large = 'large'
 }
diff --git a/projects/components/src/select/select.component.scss b/projects/components/src/select/select.component.scss
index 9ec0e4681..300ab9288 100644
--- a/projects/components/src/select/select.component.scss
+++ b/projects/components/src/select/select.component.scss
@@ -17,13 +17,16 @@
   border: 1px solid $color-border;
   border-radius: 6px;
   width: 100%;
-  min-height: 34px;
-  height: inherit;
+  height: 34px;
 
   &.small {
     height: 32px;
   }
 
+  &.large {
+    height: 44px;
+  }
+
   .select-container {
     width: 100%;
     height: 100%;
@@ -118,5 +121,9 @@
     &.small {
       height: 32px;
     }
+
+    &.large {
+      height: 44px;
+    }
   }
 }