diff --git a/static/css/style.css b/static/css/style.css
index 9ba575f..5db7f15 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -32,18 +32,6 @@ body {
     cursor: pointer;
 }
 
-  /* theme toggle button */
-.themebtn {
-position: relative;
-padding: 10px 16px;
-background-color: var(--color-background);
-border: var(--color-default) solid 3px;
-color: var(--color-default);
-border-radius: 6px;
-font-size: 18px;
-cursor: pointer;
-}
-
     /* SVG lightsabers */
 h1, p {
     color: var(--color-accent-1);
diff --git a/templates/base.html b/templates/base.html
index 6daca72..c30d91c 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -12,7 +12,7 @@
                 <h1>Test Dark/Light<br> <i style="font-size: 1rem;">You can choose the button to override your system-settings and change the color theme!</i> </h1>
             </div></div>
             <div class="row"><div class="col">
-                <button class='themebtn'>Toggle mode</button>
+                <button class='themebtn btn'>Toggle mode</button>
             </div></div>
             <div class="row" style="margin-top: 5rem;"><div class="col-auto">
                 <h1>This is the first Page<br><i style="font-size: 1rem;">Goto the second Page</i></h1>
@@ -24,7 +24,7 @@
                 <h1><i style="font-size: 1rem;">Here is a second toggle button to change the color theme!</i> </h1>
             </div></div>
             <div class="row"><div class="col-auto">
-                <button class='themebtn'>Second Toggle button</button>
+                <button class='themebtn btn'>Second Toggle button</button>
             </div></div>
         </div>
     </body>
diff --git a/templates/second_page.html b/templates/second_page.html
index 07625b5..deb1c2e 100644
--- a/templates/second_page.html
+++ b/templates/second_page.html
@@ -12,7 +12,7 @@
                 <h1>Test Dark/Light<br> <i style="font-size: 1rem;">You can choose the button to override your system-settings and change the color theme!</i> </h1>
             </div></div>
             <div class="row"><div class="col-auto">
-                <button class='themebtn'>Toggle mode</button>
+                <button class='themebtn btn'>Toggle mode</button>
             </div></div>
             <div class="row"  style="margin-top: 5rem;"><div class="col-auto">
                 <h1>This is the second Page<br><i style="font-size: 1rem;">Goto the first Page</i><br></h1>
@@ -24,7 +24,7 @@
                 <h1><i style="font-size: 1rem;">Here is a second toggle button to change the color theme!</i> </h1>
             </div></div>
             <div class="row"><div class="col-auto">
-                <button class='themebtn'>Second Toggle button</button>
+                <button class='themebtn btn'>Second Toggle button</button>
             </div></div>
         </div>
     </body>