diff --git a/src/App/App.css b/src/App/App.css
index 8a2f6589a82b6b11be71700c1af2ca67f5ba7d5f..c08faa0872595916a255ff6aae82e59e69753b28 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -5,6 +5,7 @@
   /* our colours*/ 
   --text-primary: #850F78 ; 
   --mediumpurple: #bc15aa; 
+  --lightpurple: #B85BD1; 
   /*--purple: #B85BD1; */
   --accen-secondary: #F57D22; 
   --accent-gradient-one-of-three: #F59121; 
diff --git a/src/components/HeaderBox.tsx b/src/components/HeaderBox.tsx
index 896dd3728b2714fdf008c4eda1ee534b89c9a9a2..a09764408693e60c0b299d284077ccbe635f4fc5 100644
--- a/src/components/HeaderBox.tsx
+++ b/src/components/HeaderBox.tsx
@@ -1,4 +1,4 @@
-import { Hpopart } from "./Headings";
+import { Hwave } from "./Headings";
 
 interface Props{
     title: string,
@@ -11,7 +11,7 @@ export default function HeaderBox({children, title}: Props ){
         <div className="row">
           <div className="col header-container">
             <div className="header-title">
-              <Hpopart text={title}></Hpopart>
+              <Hwave text={title}></Hwave>
             </div>
             {children}
           </div>
diff --git a/src/components/Headings.tsx b/src/components/Headings.tsx
index 06dc8178fa6a35a380b18c9c700e45a159a3b767..c76f061bbcffc7251a7d379dcd0158f51632434c 100644
--- a/src/components/Headings.tsx
+++ b/src/components/Headings.tsx
@@ -118,7 +118,7 @@ export function Hwave({text, id}:{text: string, id?: string}){
         idtext = stringToSlug(text); 
     }
     return(
-        <svg id={idtext} viewBox="0 0 100 20">
+        <svg id={idtext} className="bigtitle" viewBox="0 0 100 20">
         <defs>
             <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
             <stop offset="5%" stop-color="#850F78"/>
diff --git a/src/sidebars/engS.tsx b/src/sidebars/engS.tsx
index 2d659ed086b3a5e65477ceffd01d3f2b71f1701e..b3f1300dce7dd6df3765d1af63b3ab009e9bc87b 100644
--- a/src/sidebars/engS.tsx
+++ b/src/sidebars/engS.tsx
@@ -1,6 +1,7 @@
 import { useEffect } from "react";
 import { Highlight } from "../utils/Highlight-functions";
 import { openThem } from "../utils/openThem";
+
 export function EngSide(){
     let nums = [ "del1"]
     useEffect(() => {