fix: Input box jittering when getting focus and losing focus (#647)

* use inner border and fix border

Author: CsCherrYY

src/formatter-settings/assets/style.scss

@@ -134,8 +134,8 @@ $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;
+      border: 1px solid var(--vscode-settings-dropdownBorder);
       content: "";
     }
   }
@@ -144,10 +144,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-dropdownBorder) !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 +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-textInputBorder);
+  border: 1px solid var(--vscode-settings-dropdownBorder);
   padding: 10px 15px 15px 15px !important;
 }