diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss
index 5577fcb..ef41fe0 100644
--- a/assets/scss/_header.scss
+++ b/assets/scss/_header.scss
@@ -41,3 +41,10 @@
 .theme-toggler {
   fill: currentColor;
 }
+
+.unselectable {
+  user-select: none;
+  -webkit-user-select: none;  
+  -moz-user-select: none;    
+  -ms-user-select: none;      
+}
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 392adfb..74b1631 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -13,7 +13,7 @@
                 </span>
             {{ end }}
 
-            <span class="theme-toggle">{{ partial "theme-icon.html" . }}</span>
+            <span class="theme-toggle unselectable">{{ partial "theme-icon.html" . }}</span>
         </span>
     </span>
 </header>