diff --git a/public/sounds/shortBuzz.mp3 b/public/sounds/shortBuzz.mp3
new file mode 100644
index 0000000..d65640b
Binary files /dev/null and b/public/sounds/shortBuzz.mp3 differ
diff --git a/public/sounds/shortBuzz.webm b/public/sounds/shortBuzz.webm
new file mode 100644
index 0000000..e0a1589
Binary files /dev/null and b/public/sounds/shortBuzz.webm differ
diff --git a/public/sounds/softPing.mp3 b/public/sounds/softPing.mp3
new file mode 100644
index 0000000..d0c1b08
Binary files /dev/null and b/public/sounds/softPing.mp3 differ
diff --git a/public/sounds/sonar.wav b/public/sounds/sonar.wav
new file mode 100644
index 0000000..3e3b2f4
Binary files /dev/null and b/public/sounds/sonar.wav differ
diff --git a/src/App.css b/src/App.css
index d463327..5944591 100644
--- a/src/App.css
+++ b/src/App.css
@@ -66,6 +66,15 @@ body {
margin-left: 5px;
}
+.App header .nav-buttons select.text-select {
+ background-color: var(--darkBlueColor);
+ color: white;
+ border: none;
+ padding: 8px 10px;
+ border-radius: 4px;
+ font-weight: 500;
+}
+
/* BUTTON */
.App button {
diff --git a/src/components/Header.js b/src/components/Header.js
index c2a1234..ca45641 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -50,9 +50,16 @@ export default function Header({
{!isNil(sound) ? (
-
+
) : null}
{clearAuth ? (