diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index 54b85cb8bb9b7c64269f4bbd97680de0d32f57c6..00f8bc07a34d0067f7464c2b9e5e8735ca3a4235 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -148,8 +148,9 @@ h2, h3 {
     font-size: 24px !important;
 }
 .bigtitle {
-    width: 500px !important;
+    width: 450px !important;
     height: 200px !important;
+    word-wrap: break-word; 
 }
 
 body {
diff --git a/src/components/Headings.tsx b/src/components/Headings.tsx
index c76f061bbcffc7251a7d379dcd0158f51632434c..d366e1d3066f1b625ef1e4167c80018464457201 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} className="bigtitle" viewBox="0 0 100 20">
+        <svg id={idtext} className="bigtitle" viewBox="0 0 150 20">
         <defs>
             <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
             <stop offset="5%" stop-color="#850F78"/>