From 6a72879c8793120f4b52a60bdab0ed01541ec48c Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Fri, 12 Mar 2021 17:16:22 -0600
Subject: [PATCH] Group settings screen: fix focus styling for panel rows

---
 stylesheets/_modules.scss | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index e7c46c16bb..7c77536eae 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -3231,6 +3231,8 @@ button.module-conversation-details__action-button {
   &-panel-row {
     &__root {
       align-items: center;
+      border-radius: 5px;
+      border: 2px solid transparent;
       display: flex;
       padding: 16px 24px;
       user-select: none;
@@ -3239,7 +3241,6 @@ button.module-conversation-details__action-button {
       &--button {
         color: inherit;
         background: none;
-        border: none;
       }
 
       &:hover {
@@ -3255,6 +3256,23 @@ button.module-conversation-details__action-button {
           opacity: 1;
         }
       }
+
+      &:focus {
+        outline: none;
+      }
+
+      @mixin keyboard-focus-state($color) {
+        &:focus {
+          border-color: $color;
+        }
+      }
+
+      @include keyboard-mode {
+        @include keyboard-focus-state($ultramarine-ui-light);
+      }
+      @include dark-keyboard-mode {
+        @include keyboard-focus-state($ultramarine-ui-dark);
+      }
     }
 
     &__icon {