diff --git a/app/views/oer/market/details.php b/app/views/oer/market/details.php
index 02c53fc42aa698f16691e52d718df40e22a6f469..7d54dc6cc9bcd1e9f86dfe6b2a3c07caaa0898c5 100644
--- a/app/views/oer/market/details.php
+++ b/app/views/oer/market/details.php
@@ -98,8 +98,8 @@
 
         <? if ($material['difficulty_start'] != 1 || $material['difficulty_end'] != 12) : ?>
             <h2><?= _('Niveau') ?></h2>
-            <div>
-                <div style="display: flex; justify-content: space-between; font-size: 0.8em; color: grey;">
+            <div class="level_filter">
+                <div class="level_labels">
                     <div><?= _('Leicht') ?></div>
                     <div><?= _('Schwer') ?></div>
                 </div>
diff --git a/app/views/oer/mymaterial/edit.php b/app/views/oer/mymaterial/edit.php
index dc6cc145d83e6d4668ace02990d9e846a75e1448..da8b2712a85b1b027fe97575f52fbec5519c3872 100644
--- a/app/views/oer/mymaterial/edit.php
+++ b/app/views/oer/mymaterial/edit.php
@@ -213,7 +213,7 @@
                 </a>
             </div>
 
-            <div style="margin-top: 13px; max-width: 682px;">
+            <div class="level_filter" style="margin-top: 13px; max-width: 682px;">
                 <?= _('Niveau') ?>
 
                 <input type="hidden" id="difficulty_start" name="data[difficulty_start]"
@@ -221,7 +221,7 @@
                 <input type="hidden" id="difficulty_end" name="data[difficulty_end]"
                        value="<?= htmlReady($material['difficulty_end']) ?>">
 
-                <div style="display: flex; justify-content: space-between; font-size: 0.8em; color: grey;">
+                <div class="level_labels">
                     <div><?= _('Leicht') ?></div>
                     <div><?= _('Schwer') ?></div>
                 </div>
diff --git a/resources/assets/stylesheets/scss/oer.scss b/resources/assets/stylesheets/scss/oer.scss
index 6af5b26b1b161b79246b3a6a62c892fdddb85e0f..2b16762a03707b1929054346168d4a5c637b92ca 100644
--- a/resources/assets/stylesheets/scss/oer.scss
+++ b/resources/assets/stylesheets/scss/oer.scss
@@ -164,6 +164,14 @@ ul.reviews, ol.reviews {
         margin-top: 10px;
     }
 
+    .level_labels {
+        display: flex;
+        justify-content: space-between;
+        font-size: 0.8em;
+        color: $black;
+        margin-top: 20px;
+    }
+
 }
 
 .oercampus_editmaterial, .oer_material_overview {
@@ -338,7 +346,7 @@ ul.reviews, ol.reviews {
                 display: flex;
                 justify-content: space-between;
                 font-size: 0.8em;
-                color: grey;
+                color: $black;
                 margin-top: 20px;
             }
             .level_numbers {
@@ -438,6 +446,14 @@ ul.reviews, ol.reviews {
     > div {
         padding-left: 20px;
     }
+
+    .level_labels {
+        display: flex;
+        justify-content: space-between;
+        font-size: 0.8em;
+        color: $black;
+        margin-top: 20px;
+    }
 }
 
 @keyframes oer-filter-panel-appears {