minor style tweaks

2 files changed, 9 insertions, 4 deletions

diff --git a/src/App.scss b/src/App.scss
index b4692f26..d0c4b26c 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -64,10 +64,19 @@ button {
   font-size: 14px;
   font-family: sans-serif;
 
+  &::-moz-focus-inner {
+    border: none;
+  }
+
   &:hover {
     box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
   }
 
+  &:active {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    border-top: 1px solid rgba(0, 0, 0, 0.2);
+  }
+
   &:disabled {
     cursor: not-allowed;
     opacity: 0.5;
diff --git a/src/components/tab_switcher/tab_switcher.scss b/src/components/tab_switcher/tab_switcher.scss
index f83dc7c2..374a19c5 100644
--- a/src/components/tab_switcher/tab_switcher.scss
+++ b/src/components/tab_switcher/tab_switcher.scss
@@ -26,10 +26,6 @@
       border-bottom-right-radius: 0;
       padding: .3em 1em;
 
-      &::-moz-focus-inner {
-        border: none;
-      }
-
       &:not(.active) {
         border-bottom: 1px solid;
         border-bottom-color: $fallback--btn;