diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index b5a6eca..82ebbb0 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -1,4 +1,4 @@
-#meta-box {
+#spr__meta-box {
     position: relative;
     z-index: 10;
     display: inline-block;
diff --git a/css/plugins/edit.less b/css/plugins/edit.less
index 1825c0d..37a2d67 100644
--- a/css/plugins/edit.less
+++ b/css/plugins/edit.less
@@ -36,7 +36,7 @@
             margin-bottom: 1.5rem;
             clear: both;
         }
-        #meta-box {
+        #spr__meta-box {
             display: none;
         }
     }
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index b16bd6e..84035fc 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -6,7 +6,7 @@
 /* + + + + + + + + + + + + + + + + + + + + + + + */
 /* magic matcher bar with form on top of page */
 
-#dokuwiki_magic-matcher {
+#spr__magic-matcher {
     position: fixed;
     top: 0;
     left: 0;
@@ -98,7 +98,7 @@ a.jiralink {
 
 /* + + + + +  no js version  + + + + + */
 .no-js {
-    #dokuwiki_magic-matcher {
+    #spr__magic-matcher {
         display: none;
     }
 }
@@ -108,7 +108,7 @@ a.jiralink {
 /* max-width: 1023px */
 
 @media @screen_max-lg {
-    #dokuwiki_magic-matcher {
+    #spr__magic-matcher {
         #magicmatcher__context {
             .chosen-container-single {
                 width: 20% !important;
@@ -122,7 +122,7 @@ a.jiralink {
 }
 
 @media @screen_max-md {
-    #dokuwiki_magic-matcher {
+    #spr__magic-matcher {
         position: relative;
 
         .container {
@@ -142,7 +142,7 @@ a.jiralink {
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 
 @media print {
-    #dokuwiki_magic-matcher {
+    #spr__magic-matcher {
         display: none;
     }
 }
diff --git a/main.php b/main.php
index cb5148b..8eadf28 100755
--- a/main.php
+++ b/main.php
@@ -319,7 +319,7 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
                         </div>
 
                         <div id="dokuwiki__content" class="page main-content">
-                            <div id="meta-box">
+                            <div id="spr__meta-box">
                                 <h6 class="sr-only" role="heading" aria-level="2"><?php echo  tpl_getLang('head_meta_box')  ?></h6>
 
                                 <?php
diff --git a/tpl/nav-direct.php b/tpl/nav-direct.php
index 8bf91c0..6f4b6d9 100755
--- a/tpl/nav-direct.php
+++ b/tpl/nav-direct.php
@@ -2,7 +2,7 @@
     if (!defined('DOKU_INC')) die();
 ?>
 
-        <div id="dokuwiki_direct" class="nav-direct no-print">
+        <div id="spr__direct" class="nav-direct no-print">
             <div class="container">
                 <div class="row">
                     <div class="col-xs-12">
diff --git a/tpl/nav-magicmatcher.php b/tpl/nav-magicmatcher.php
index 394de12..0a5aa0d 100755
--- a/tpl/nav-magicmatcher.php
+++ b/tpl/nav-magicmatcher.php
@@ -2,7 +2,7 @@
     if (!defined('DOKU_INC')) die();
 ?>
 
-                            <div id="dokuwiki_magic-matcher" class="magic-matcher no-print">
+                            <div id="spr__magic-matcher" class="magic-matcher no-print">
                                 <div class="container">
                                     <?php
                                         echo "<h6 class=\"sr-only\" role=\"heading\" aria-level=\"2\">".tpl_getLang('head_magic_matcher')."</h6>";
diff --git a/tpl/nav-meta-box.php b/tpl/nav-meta-box.php
index 38afff8..4b9390f 100755
--- a/tpl/nav-meta-box.php
+++ b/tpl/nav-meta-box.php
@@ -5,19 +5,19 @@
 <div class="tab-container">
     <ul class="meta-tabs">
 
-        <li><a href="#tab-toc" aria-expanded="false"><span class="prefix"><?php echo $lang['toc']?></span></a></li>
-        <li><a href="#tab-tags" aria-expanded="false"><span class="prefix">Tags <span class="num">0</span></span></a></li>
-        <li><a href="#tab-jira" aria-expanded="false"><span class="prefix">Jira <span class="num">0</span></span></a></li>
+        <li><a href="#spr__tab-toc" aria-expanded="false"><span class="prefix"><?php echo $lang['toc']?></span></a></li>
+        <li><a href="#spr__tab-tags" aria-expanded="false"><span class="prefix">Tags <span class="num">0</span></span></a></li>
+        <li><a href="#spr__tab-jira" aria-expanded="false"><span class="prefix">Jira <span class="num">0</span></span></a></li>
 
     </ul>
 
     <div class="meta-content">
         <div class="box-content">
-            <div id="tab-toc" class="tab-pane" aria-hidden="true">
+            <div id="spr__tab-toc" class="tab-pane" aria-hidden="true">
                 <?php  tpl_toc(); ?>
             </div>
 
-                <div id="tab-tags" class="tab-pane" aria-hidden="true">
+                <div id="spr__tab-tags" class="tab-pane" aria-hidden="true">
                     <div>
                     <?php
                         if ($tags !== null) {
@@ -29,7 +29,7 @@
                     </div>
                 </div>
 
-            <div id="tab-jira" class="tab-pane" aria-hidden="true">
+            <div id="spr__tab-jira" class="tab-pane" aria-hidden="true">
                 <div>
                 <p><?php echo tpl_getLang('meta_box_jira_tickets_none') ?></p>
                 </div>