diff --git a/src/media/css/template.css b/src/media/css/template.css
index c9751c2..11e008c 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -101,30 +101,34 @@ form {
 	width: 280px;
 }
 
-.drawer-toggle-left{
+button.drawer-toggle-left,
+.drawer-toggle-left.btn {
   position: fixed;
   top: 50%;
   left: 0px;
   z-index: 1050;
-  background-color: var(--accent-color, var(--color-primary, #2a69b8));
-  color: var(--accent-color-text, #fff);
+  background-color: var(--accent-color, var(--color-primary, #2a69b8)) !important;
+  color: var(--accent-color-text, #fff) !important;
+  border-color: var(--accent-color, var(--color-primary, #2a69b8)) !important;
   padding-left: .5rem;
   padding-right: .5rem;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
 }
 
-.drawer-toggle-right{
+button.drawer-toggle-right,
+.drawer-toggle-right.btn {
   position: fixed;
   top: 50%;
   right: 0px;
   z-index: 1050;
-  background-color: var(--accent-color, var(--color-primary, #2a69b8));
-  color: var(--accent-color-text, #fff);
+  background-color: var(--accent-color, var(--color-primary, #2a69b8)) !important;
+  color: var(--accent-color-text, #fff) !important;
+  border-color: var(--accent-color, var(--color-primary, #2a69b8)) !important;
   padding-left: .5rem;
   padding-right: .5rem;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
 }
 
 hr {