diff --git a/app/theme.ts b/app/theme.ts
index 76d867a..bfd6019 100644
--- a/app/theme.ts
+++ b/app/theme.ts
@@ -30,9 +30,18 @@ export const theme = createTheme({
   headings: {
     fontFamily: 'var(--font-forum), serif',
   },
+  // Define other font families to ensure Mantine variables are set
+  fontFamilyMonospace: 'ui-monospace, SFMono-Regular, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
 
   // Set default component props for a consistent look
   components: {
+    Title: {
+      styles: {
+        root: {
+          fontFamily: 'var(--font-forum), serif',
+        },
+      },
+    },
     Button: {
       defaultProps: {
         variant: 'filled',
diff --git a/components/Navigation/DesktopSidebar.tsx b/components/Navigation/DesktopSidebar.tsx
index 90ab52e..c247f79 100644
--- a/components/Navigation/DesktopSidebar.tsx
+++ b/components/Navigation/DesktopSidebar.tsx
@@ -55,8 +55,8 @@ export function DesktopSidebar() {
           <img
             src="/logo.svg"
             alt="Ponderants logo"
-            width={48}
-            height={48}
+            width={32}
+            height={32}
             style={{ flexShrink: 0, display: 'block' }}
           />
           <Title order={3} style={{ margin: 0 }}>
diff --git a/components/Navigation/MobileHeader.tsx b/components/Navigation/MobileHeader.tsx
index b4882ea..d56f073 100644
--- a/components/Navigation/MobileHeader.tsx
+++ b/components/Navigation/MobileHeader.tsx
@@ -27,8 +27,8 @@ export function MobileHeader() {
         <img
           src="/logo.svg"
           alt="Ponderants logo"
-          width={48}
-          height={48}
+          width={32}
+          height={32}
           style={{ flexShrink: 0, display: 'block' }}
         />
         <Title order={3} style={{ margin: 0 }}>
diff --git a/public/logo.svg b/public/logo.svg
index 93c6d0f..67785a4 100644
--- a/public/logo.svg
+++ b/public/logo.svg
@@ -1,16 +1,15 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" width="256" height="256" aria-labelledby="logoTitle">
   <title id="logoTitle">Woven abstract logo of communication waves</title>
 
-  <g fill-rule="evenodd" fill="none" transform="translate(-18, 0) rotate(90, 48, 30) translate(0, 40) scale(1, -1)">
+  <g fill-rule="evenodd" fill="none">
+    <!-- Scaled and positioned wave patterns -->
+    <!-- Jagged wave - Left end segment --><path stroke="#E0E0E0" stroke-width="3" stroke-linecap="round" fill="none" d="M 15 30 L 22 20" />
 
-    <!-- Jagged wave - Left end segment (draw first, appears behind) --><path stroke="#E0E0E0" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 42 30 L 45 26.25" />
+    <!-- Jagged wave - Right end segment --><path stroke="#E0E0E0" stroke-width="3" stroke-linecap="round" fill="none" d="M 38 40 L 45 30" />
 
-    <!-- Jagged wave - Right end segment (draw second, appears behind) --><path stroke="#E0E0E0" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 51 33.75 L 54 30" />
-
-    <!-- Curved wave (drawn third, appears in middle layer) --><path stroke="#909296" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 42 30 Q 45 37.5, 48 30 Q 51 22.5, 54 30" />
-
-    <!-- Jagged wave - Center segment (drawn last, appears in front) --><path stroke="#E0E0E0" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 45 26.25 L 48 30 L 51 33.75" />
+    <!-- Curved wave (middle layer) --><path stroke="#909296" stroke-width="3" stroke-linecap="round" fill="none" d="M 15 30 Q 22 45, 30 30 Q 38 15, 45 30" />
 
+    <!-- Jagged wave - Center segment --><path stroke="#E0E0E0" stroke-width="3" stroke-linecap="round" fill="none" d="M 22 20 L 30 30 L 38 40" />
   </g>
 
 </svg>