diff --git a/src/components/calc/index.vue b/src/components/calc/index.vue
index ff62835..e34e2bc 100644
--- a/src/components/calc/index.vue
+++ b/src/components/calc/index.vue
@@ -180,6 +180,9 @@ function calcResult() {
 .setting-container {
   .input {
     @apply w-full relative border rounded mt-1 flex items-center bg-white overflow-hidden;
+    &:focus-within{
+      border-color: #aaa;
+    }
   }
 
   input {