update outline not visible on focus

Scille · Jan 15, 2024 · 6614eeb · 6614eeb
1 parent 17bb72f
commit 6614eeb
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/client/src/theme/components/inputs.scss b/client/src/theme/components/inputs.scss
@@ -6,10 +6,13 @@
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
+  position: relative;
+  z-index: 10;
+  padding: 0.25rem;
 }
 
 .input-item {
-  display: flex;
+  display: inline-flex;
   --background: var(--parsec-color-light-secondary-white);
   background: var(--parsec-color-light-secondary-white);
   flex-grow: 1;
@@ -21,11 +24,13 @@
   color: var(--parsec-color-light-primary-800);
   padding-left: 1rem;
   transition: all 0.2s ease-in-out;
+  position: relative;
 
   &:focus-within {
     border: 1px solid var(--parsec-color-light-primary-400);
     --background: var(--parsec-color-light-secondary-white);
     outline: 0.25rem solid var(--parsec-color-light-outline);
+
   }
 }