diff --git a/_layouts/default.html b/_layouts/default.html
index 8e8124c..340080b 100755
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -34,7 +34,7 @@
             <a href="https://swisskyrepo.github.io/PayloadsAllTheThingsWeb/">📖PayloadsAllTheThings</a>
             <a href="https://swisskyrepo.github.io/HardwareAllTheThings/">🖥️HardwareAllTheThings</a>
             <a href="{{ site.baseurl }}/about">👤About</a>
-            <a class="dark-mode-button" >🌗</a>
+            <a class="dark-mode-button" >🌗 Dark mode</a>
           </nav>
 
           {% include dark-mode.html %}
diff --git a/_sass/_dark-mode-button.scss b/_sass/_dark-mode-button.scss
new file mode 100755
index 0000000..6956a66
--- /dev/null
+++ b/_sass/_dark-mode-button.scss
@@ -0,0 +1,5 @@
+.dark-mode-button {
+  float: right;
+  background-color: #04AA6D;
+  color: white;
+}
\ No newline at end of file
diff --git a/style.scss b/style.scss
index 797d5af..0c11e9c 100755
--- a/style.scss
+++ b/style.scss
@@ -288,3 +288,4 @@ footer {
 @import "highlights";
 @import "share-pages";
 @import "svg-icons";
+@import "dark-mode-button";