diff --git a/application/views/qso/index.php b/application/views/qso/index.php
index 506627c0..585fe0c8 100755
--- a/application/views/qso/index.php
+++ b/application/views/qso/index.php
@@ -516,7 +516,7 @@
             <div id="qsomap" style="width: 100%; height: 200px;"></div>
     </div>
 
-    <div class="card winkey-settings">
+    <div id="winkey" class="card winkey-settings">
         <div class="card-header">
           <h4 style="font-size: 16px; font-weight: bold;" class="card-title">Winkey 
 
diff --git a/assets/js/winkey.js b/assets/js/winkey.js
index a91e0489..daa04398 100644
--- a/assets/js/winkey.js
+++ b/assets/js/winkey.js
@@ -1,3 +1,34 @@
+// Lets see if CW is selected
+
+const ModeSelected = document.getElementById('mode');
+
+if (location.protocol == 'http:') {
+    // Do something if the page is being served over SSL
+    $('#winkey').hide(); // Hide the CW buttons
+}
+
+if (ModeSelected.value == 'CW') {
+    // Show the CW buttons
+    $('#winkey').show();
+} else {
+    // Hide the CW buttons
+    $('#winkey').hide();
+}
+
+ModeSelected.addEventListener('change', (event) => {
+
+    if (event.target.value == 'CW') {
+        // Show the CW buttons
+        $('#winkey').show();
+
+    } else {
+        // Hide the CW buttons
+        $('#winkey').hide();
+    }
+});
+
+
+
 let function1Name, function1Macro, function2Name, function2Macro, function3Name, function3Macro, function4Name, function4Macro, function5Name, function5Macro;
 
 getMacros();