used the new divider

src/app/journal/journal-spellbook/journal-spellbook.component.html

@@ -15,9 +15,8 @@
       </div>
     </div>
 
-    <!-- <hr /> -->
-    <div class="divider"></div>
-    <div class="class-picker">
+    <divider></divider>
+    <div class="class-picker t-075">
       @for (className of translator.magicClasses; track className) {
         <div class="class">
           <div

src/app/journal/journal-spellbook/journal-spellbook.component.scss

@@ -15,14 +15,6 @@ h1 {
   font-size: 3.5rem;
   font-weight: 500;
   margin-bottom: 0;
-  // padding-left: 2rem;
-}
-
-.divider {
-  border-top: 2px solid #9b8559;
-  height: 1px;
-  width: 100%;
-  margin-bottom: 0.75rem;
 }
 
 .header-row {