diff --git a/src/buttons/src/IconButton.js b/src/buttons/src/IconButton.js
index 7f1929c65..b37d96f56 100644
--- a/src/buttons/src/IconButton.js
+++ b/src/buttons/src/IconButton.js
@@ -23,6 +23,7 @@ const IconButton = memo(
         ref={ref}
         paddingLeft={0}
         paddingRight={0}
+        intent={intent}
         flex="none"
         height={height}
         width={height}
diff --git a/src/combobox/src/Combobox.js b/src/combobox/src/Combobox.js
index 794fe0a69..96d416e1f 100644
--- a/src/combobox/src/Combobox.js
+++ b/src/combobox/src/Combobox.js
@@ -14,6 +14,7 @@ const Combobox = memo(function Combobox(props) {
     height,
     initialSelectedItem,
     inputProps,
+    intent = 'input',
     isLoading = false,
     itemToString,
     items,
@@ -87,6 +88,7 @@ const Combobox = memo(function Combobox(props) {
           <IconButton
             color="muted"
             icon={isLoading ? undefined : CaretDownIcon}
+            intent={intent}
             appearance="default"
             height={height}
             marginTop={0}
@@ -183,6 +185,11 @@ Combobox.propTypes = {
    */
   isLoading: PropTypes.bool,
 
+  /**
+   * Default intent is 'input' means it will take dafault border color from input.
+   */
+  intent: PropTypes.string,
+
   size: PropTypes.oneOf(['small', 'medium', 'large'])
 }
 
diff --git a/src/themes/default/components/button.js b/src/themes/default/components/button.js
index 32ee1700c..1e20f1809 100644
--- a/src/themes/default/components/button.js
+++ b/src/themes/default/components/button.js
@@ -47,6 +47,8 @@ const borderColorForIntent = (intent, isHover) => {
     return `red${isHover ? 500 : 300}`
   } else if (intent === 'success') {
     return `green${isHover ? 400 : 300}`
+  } else if (intent === 'input') {
+    return `gray${isHover ? 600 : 400}`
   } else {
     return `gray${isHover ? 600 : 500}`
   }
@@ -91,7 +93,7 @@ const appearances = {
     selectors: {
       _disabled: {
         color: 'colors.gray500',
-        borderColor: 'colors.gray300'
+        borderColor: (_, props) => (props.intent === 'input' ? 'colors.gray400' : 'colors.gray300')
       },
 
       _hover: {