diff --git a/formulus/src/screens/AboutScreen.tsx b/formulus/src/screens/AboutScreen.tsx
index 8806f6d99..7e922ac34 100644
--- a/formulus/src/screens/AboutScreen.tsx
+++ b/formulus/src/screens/AboutScreen.tsx
@@ -65,24 +65,27 @@ const AboutScreen: React.FC = () => {
               borderBottomColor: themeColors.divider as string,
             },
           ]}>
-          <Text
-            style={[styles.title, { color: themeColors.onPrimary as string }]}>
-            About
-          </Text>
-        </View>
-
-        <ScrollView
-          style={styles.scrollTransparent}
-          contentContainerStyle={styles.content}>
-          <View style={styles.brandRow}>
-            <View style={styles.logoWrapper}>
+          <View style={styles.logoContainer}>
+            <View
+              style={[
+                styles.logoWrapper,
+                { borderColor: themeColors.onPrimary as string },
+              ]}>
               <Image source={logo} style={styles.logo} resizeMode="contain" />
             </View>
-            <Text style={[styles.appName, { color: themeColors.onSurface }]}>
-              ODE
+            <Text
+              style={[
+                styles.title,
+                { color: themeColors.onPrimary as string },
+              ]}>
+              About
             </Text>
           </View>
+        </View>
 
+        <ScrollView
+          style={styles.scrollTransparent}
+          contentContainerStyle={styles.content}>
           <View style={cardStyle}>
             <Text style={[styles.cardTitle, { color: sectionColor }]}>
               Formulus
@@ -170,36 +173,31 @@ const styles = StyleSheet.create({
     marginBottom: odeSpacing.xs,
     textAlign: 'left',
   },
+  logoContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+  },
   content: {
     padding: odeSpacing.md,
     paddingBottom: odeSpacing.xl,
   },
-  brandRow: {
-    alignItems: 'center',
-    marginBottom: odeSpacing.md,
-    gap: odeSpacing.xs,
-  },
   logoWrapper: {
-    width: 56,
-    height: 56,
-    borderRadius: 28,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
     borderWidth: 1,
-    borderColor: colors.brand.primary[500] as string,
     justifyContent: 'center',
     alignItems: 'center',
+    marginRight: 12,
     overflow: 'hidden',
     backgroundColor: 'transparent',
   },
   logo: {
-    width: 56,
-    height: 56,
+    width: 40,
+    height: 40,
     backgroundColor: 'transparent',
   },
-  appName: {
-    fontSize: odeTypography.sectionTitle,
-    fontWeight: '700',
-    textAlign: 'center',
-  },
   version: {
     marginTop: odeSpacing.xxs,
     fontSize: odeTypography.caption,
diff --git a/formulus/src/screens/HelpScreen.tsx b/formulus/src/screens/HelpScreen.tsx
index c87c273aa..952aa0904 100644
--- a/formulus/src/screens/HelpScreen.tsx
+++ b/formulus/src/screens/HelpScreen.tsx
@@ -6,6 +6,7 @@ import {
   ScrollView,
   Linking,
   Pressable,
+  Image,
 } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import colors from '../theme/colors';
@@ -18,6 +19,7 @@ import {
   odeRadius,
   odeScreenHeaderHeight,
 } from '../theme/odeDesign';
+import logo from '../../assets/images/logo.png';
 
 const FORUM_URL = 'https://forum.opendataensemble.org';
 
@@ -48,10 +50,22 @@ const HelpScreen: React.FC = () => {
               borderBottomColor: themeColors.divider as string,
             },
           ]}>
-          <Text
-            style={[styles.title, { color: themeColors.onPrimary as string }]}>
-            Help & Support
-          </Text>
+          <View style={styles.logoContainer}>
+            <View
+              style={[
+                styles.logoWrapper,
+                { borderColor: themeColors.onPrimary as string },
+              ]}>
+              <Image source={logo} style={styles.logo} resizeMode="contain" />
+            </View>
+            <Text
+              style={[
+                styles.title,
+                { color: themeColors.onPrimary as string },
+              ]}>
+              Help & Support
+            </Text>
+          </View>
         </View>
 
         <ScrollView
@@ -134,6 +148,27 @@ const styles = StyleSheet.create({
     marginBottom: odeSpacing.xs,
     textAlign: 'left',
   },
+  logoContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+  },
+  logoWrapper: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    borderWidth: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 12,
+    overflow: 'hidden',
+    backgroundColor: 'transparent',
+  },
+  logo: {
+    width: 40,
+    height: 40,
+    backgroundColor: 'transparent',
+  },
   content: {
     padding: odeSpacing.md,
     paddingBottom: odeSpacing.xl,
diff --git a/formulus/src/screens/SettingsScreen.tsx b/formulus/src/screens/SettingsScreen.tsx
index 5116061a3..c7969cf8e 100644
--- a/formulus/src/screens/SettingsScreen.tsx
+++ b/formulus/src/screens/SettingsScreen.tsx
@@ -374,7 +374,7 @@ const SettingsScreen = () => {
               <Image source={Logo} style={styles.logo} resizeMode="contain" />
             </View>
             <Text style={[styles.brandName, { color: themeColors.onPrimary }]}>
-              ODE
+              Settings
             </Text>
           </View>
         </View>