diff --git a/.gitattributes b/.gitattributes
index 176a458..a80dc23 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1 +1,6 @@
 * text=auto
+* text eol=lf
+
+*.png binary
+*.ico binary
+*.icns binary
\ No newline at end of file
diff --git a/dmp-core/.gitignore b/dmp-core/.gitignore
index 0714bdf..16f2974 100644
--- a/dmp-core/.gitignore
+++ b/dmp-core/.gitignore
@@ -1,18 +1,18 @@
-# Rust binary output dir
-target/
-test-config/
-# Rust configuration
-Cargo.lock
-.cargo/
-
-# Database files
-*.db3*
-music_database*
-
-# Storage formats
-*.kate-swp*
-*.m3u
-*.m3u8
-*.json
-*.zip
+# Rust binary output dir
+target/
+test-config/
+# Rust configuration
+Cargo.lock
+.cargo/
+
+# Database files
+*.db3*
+music_database*
+
+# Storage formats
+*.kate-swp*
+*.m3u
+*.m3u8
+*.json
+*.zip
 *.xml
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index 299b1d1..b110ea5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -418,6 +418,16 @@ function PlayBar({ playing, setPlaying }: PlayBarProps) {
     invoke('seek', { time: Math.round(val * 1000) }).then()
   };
 
+  const wheelVolume = (event: React.WheelEvent<HTMLDivElement>) => {
+	  let x = volumeSlider.value;
+	  if (event.deltaY < 0) {
+	    volumeSlider.value++;
+	  } else {
+	    volumeSlider.value--;
+	  }
+	  invoke('set_volume', { volume: volumeSlider.value }).then(() => {})
+  };
+
   return (
     <section id="playBar" className="playBar unselectable">
       <div className="seekBar" ref={ seekBarRef } onClick={ seek } onDrag={ seek }>
@@ -436,7 +446,7 @@ function PlayBar({ playing, setPlaying }: PlayBarProps) {
         <div className="bottomRight">
           <button>🔀</button>
           <button>🔁</button>
-          <input type="range" name="volume" id="volumeSlider" onChange={ (volume) => {
+          <input onWheel={wheelVolume} type="range" name="volume" id="volumeSlider" onChange={ (volume) => {
             invoke('set_volume', { volume: volume.target.value }).then(() => {})
           }} />
           <p id="timeDisplay">