diff --git a/src/assets/base.css b/src/assets/base.css
index 4afe561..e9c447f 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -3,6 +3,7 @@
   --element-color: #333030;
   --element-color-hover: #292424;
   --element-border-input: #4e7a3a;
+  --element-border-focus: #9ac982;
   --element-border-action: #1f5b63;
   --text-color: #bdbdbd;
   --font-family: "sourcesanspro";
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 00787f3..6068a3f 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -82,13 +82,18 @@ select {
   border: 2px solid var(--element-border-input);
   border-radius: 5px;
   background-color: var(--element-color);
-  transition: background-color 0.2s;
+  transition: 0.2s;
+  transition-property: background-color border-color;
 }
 
 select:hover {
   background-color: var(--element-color-hover);
 }
 
+select:focus {
+  border-color: var(--element-border-focus);
+}
+
 select[multiple] {
   min-width: 90px;
 }