diff --git a/js/components/EqualizerWindow.jsx b/js/components/EqualizerWindow.jsx
index 084f4c4a..4f9827c0 100644
--- a/js/components/EqualizerWindow.jsx
+++ b/js/components/EqualizerWindow.jsx
@@ -43,11 +43,12 @@ class EqualizerWindow extends React.Component {
       window: true,
       selected: this.props.windows.focused === WINDOWS.EQUALIZER,
       closed: !this.props.windows.equalizer,
+      draggable: true,
       doubled
     });
     return (
       <div id='equalizer-window' className={className} onClick={this.props.focusWindow}>
-        <div className='equalizer-top title-bar' />
+        <div className='equalizer-top title-bar draggable' />
         <EqOn />
         <EqAuto />
         <EqGraph />
diff --git a/js/components/MainWindow.jsx b/js/components/MainWindow.jsx
index 50865642..157897cc 100644
--- a/js/components/MainWindow.jsx
+++ b/js/components/MainWindow.jsx
@@ -48,6 +48,7 @@ export class MainWindow extends React.Component {
       stop: status === 'STOPPED',
       pause: status === 'PAUSED',
       selected: this.props.windows.focused === WINDOWS.MAIN,
+      draggable: true,
       loading,
       doubled,
       llama,
@@ -68,7 +69,7 @@ export class MainWindow extends React.Component {
     return (
       <div id='main-window' className={className} onClick={this.handleClick} onMouseDown={this.props.startDrag}>
         <div id='loading'>Loading...</div>
-        <div id='title-bar' className='selected title-bar'>
+        <div id='title-bar' className='selected title-bard draggable'>
           <ContextMenu mediaPlayer={this.props.mediaPlayer} winamp={this.props.winamp} />
           <ShadeTime />
           <div id='minimize' />
diff --git a/js/components/PlaylistWindow.jsx b/js/components/PlaylistWindow.jsx
index cc93b7ff..4d4a273d 100644
--- a/js/components/PlaylistWindow.jsx
+++ b/js/components/PlaylistWindow.jsx
@@ -10,13 +10,13 @@ const PlaylistWindow = (props) => {
     style.backgroundColor = props.NormalBG;
   }
   return (
-    <div id='playlist-window' className='window' style={style}>
+    <div id='playlist-window' className='window draggable' style={style}>
       <div className='playlist-left'>
         <div className='playlist-right'>
-          <div className='playlist-top title-bar'>
-            <div className='playlist-top-left' />
-            <div className='playlist-top-title' />
-            <div className='playlist-top-right'>
+          <div className='playlist-top title-bar draggable'>
+            <div className='playlist-top-left draggable' />
+            <div className='playlist-top-title draggable' />
+            <div className='playlist-top-right draggable'>
               <div id='close-playlist' />
               <div id='shade-playlist' />
             </div>
diff --git a/js/components/WindowManager.jsx b/js/components/WindowManager.jsx
index d7c2a6c5..1662d109 100644
--- a/js/components/WindowManager.jsx
+++ b/js/components/WindowManager.jsx
@@ -60,6 +60,9 @@ class WindowManager extends React.Component {
   }
 
   handleMouseDown(i, e) {
+    if (!e.target.classList.contains('draggable')) {
+      return;
+    }
     const mouseStart = {
       x: e.clientX,
       y: e.clientY