diff --git a/frontend/src/_ui/AppButton/AppButton.scss b/frontend/src/_ui/AppButton/AppButton.scss
index c30b7e49b5..2fee7d996e 100644
--- a/frontend/src/_ui/AppButton/AppButton.scss
+++ b/frontend/src/_ui/AppButton/AppButton.scss
@@ -7,7 +7,7 @@
     justify-content: center;
     align-items: center;
     padding: 10px 20px;
-    gap: 6px;
+    gap: 8px;
     border-radius: 6px;
     font-weight: 600;
     text-decoration: none;
@@ -51,7 +51,7 @@
 .tj-small-btn {
     height: 28px;
     border-radius: 6px;
-    padding: 4px 0px;
+    padding: 4px 16px 4px 16px;
     font-size: 12px;
 }
 
@@ -198,7 +198,6 @@
     color: var(--indigo9);
     border: none;
     background: transparent;
-    box-shadow: none !important;
 
     &:hover {
         color: var(--indigo10);
@@ -214,6 +213,15 @@
         background: var(--base);
         border: none;
         outline: none;
+        box-shadow: 0px 0px 0px 4px var(--indigo6);
+    }
+
+    &:focus {
+        box-shadow: 0px 0px 0px 4px var(--indigo6);
+    }
+
+    &:focus:not(:focus-visible) {
+        box-shadow: none;
     }
 }