From 036068c780e220e2f7247729732bd102c8c9f76d Mon Sep 17 00:00:00 2001
From: Shi Chen <chenshi@microsoft.com>
Date: Mon, 24 May 2021 22:41:01 +0800
Subject: [PATCH 1/2] use inner border

---
 src/formatter-settings/assets/style.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/formatter-settings/assets/style.scss b/src/formatter-settings/assets/style.scss
index 307d0e89..05d92549 100644
--- a/src/formatter-settings/assets/style.scss
+++ b/src/formatter-settings/assets/style.scss
@@ -134,7 +134,6 @@ $enable-rounded: false;
       margin-right: 9px;
       color: var(--vscode-settings-textInputForeground);
       background-color: var(--vscode-settings-textInputBackground);
-      border: 1px solid var(--vscode-settings-textInputBorder);
       border-radius: 3px 3px 3px 3px;
       content: "";
     }
@@ -144,10 +143,12 @@ $enable-rounded: false;
 .form-control {
   color: var(--vscode-settings-textInputForeground) !important;
   background-color: var(--vscode-settings-textInputBackground) !important;
-  border: 1px solid var(--vscode-settings-textInputBorder) !important;
+  border: 1px solid var(--vscode-settings-textInputBackground) !important;
   height: auto !important;
   padding: 2px 4px !important;
   width: 250px !important;
+  box-sizing: border-box !important;
+  transition: none !important;
   &:focus, &:active{
     outline: none !important;
     box-shadow: none !important;
@@ -177,7 +178,6 @@ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer
 
 code.hljs {
   background-color: var(--vscode-notebook-rowHoverBackground) !important;
-  border: 1px solid var(--vscode-settings-textInputBorder);
   padding: 10px 15px 15px 15px !important;
 }
 

From c51f916321d0b6f2f22a7dd4f0518428dd945bac Mon Sep 17 00:00:00 2001
From: Shi Chen <chenshi@microsoft.com>
Date: Tue, 25 May 2021 11:12:17 +0800
Subject: [PATCH 2/2] use dropdown border

---
 src/formatter-settings/assets/style.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/formatter-settings/assets/style.scss b/src/formatter-settings/assets/style.scss
index 05d92549..9e4e0261 100644
--- a/src/formatter-settings/assets/style.scss
+++ b/src/formatter-settings/assets/style.scss
@@ -135,6 +135,7 @@ $enable-rounded: false;
       color: var(--vscode-settings-textInputForeground);
       background-color: var(--vscode-settings-textInputBackground);
       border-radius: 3px 3px 3px 3px;
+      border: 1px solid var(--vscode-settings-dropdownBorder);
       content: "";
     }
   }
@@ -143,7 +144,7 @@ $enable-rounded: false;
 .form-control {
   color: var(--vscode-settings-textInputForeground) !important;
   background-color: var(--vscode-settings-textInputBackground) !important;
-  border: 1px solid var(--vscode-settings-textInputBackground) !important;
+  border: 1px solid var(--vscode-settings-dropdownBorder) !important;
   height: auto !important;
   padding: 2px 4px !important;
   width: 250px !important;
@@ -178,6 +179,7 @@ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer
 
 code.hljs {
   background-color: var(--vscode-notebook-rowHoverBackground) !important;
+  border: 1px solid var(--vscode-settings-dropdownBorder);
   padding: 10px 15px 15px 15px !important;
 }