diff --git a/src/components/sound/sound.module.css b/src/components/sound/sound.module.css
index 3979274..0bbbf0c 100644
--- a/src/components/sound/sound.module.css
+++ b/src/components/sound/sound.module.css
@@ -74,7 +74,7 @@
}
& h3 {
- margin-top: 6px;
+ margin-top: 8px;
cursor: default;
font-family: var(--font-heading);
font-size: var(--font-sm);
@@ -85,7 +85,7 @@
& input {
width: 100%;
max-width: 120px;
- margin-top: 12px;
+ margin-top: 10px;
/********** Range Input Styles **********/
diff --git a/src/data/sounds.tsx b/src/data/sounds.tsx
index 69828c2..556e189 100644
--- a/src/data/sounds.tsx
+++ b/src/data/sounds.tsx
@@ -1,11 +1,12 @@
-import { BiSolidTree, BiWater } from 'react-icons/bi/index';
+import { BiSolidTree, BiWater, BiSolidCoffeeAlt } from 'react-icons/bi/index';
import { FaCity, FaCloudShowersHeavy, FaWater } from 'react-icons/fa/index';
import { PiBirdFill } from 'react-icons/pi/index';
import { MdOutlineThunderstorm } from 'react-icons/md/index';
-import { GiCricket } from 'react-icons/gi/index';
-import { BsSoundwave } from 'react-icons/bs/index';
+import { GiCricket, GiSeagull, GiWindow } from 'react-icons/gi/index';
+import { BsFire, BsAirplaneFill } from 'react-icons/bs/index';
+// import { BsSoundwave } from 'react-icons/bs/index';
-const defaultIcon = ;
+// const defaultIcon = ;
export const sounds: {
categories: Array<{
@@ -51,12 +52,12 @@ export const sounds: {
src: '/sounds/waves.mp3',
},
{
- icon: defaultIcon,
+ icon: ,
label: 'Seagulls',
src: '/sounds/seagulls.mp3',
},
{
- icon: defaultIcon,
+ icon: ,
label: 'Campfire',
src: '/sounds/campfire.mp3',
},
@@ -68,17 +69,17 @@ export const sounds: {
id: 'urban',
sounds: [
{
- icon: defaultIcon,
+ icon: ,
label: 'Airport',
src: '/sounds/airport.mp3',
},
{
- icon: defaultIcon,
+ icon: ,
label: 'Cafe',
src: '/sounds/cafe.mp3',
},
{
- icon: defaultIcon,
+ icon: ,
label: 'Rain on Window',
src: '/sounds/rain-on-window.mp3',
},