diff --git a/src/screens/SignTxEmbed.tsx b/src/screens/SignTxEmbed.tsx
index d3ad844..472fe3c 100644
--- a/src/screens/SignTxEmbed.tsx
+++ b/src/screens/SignTxEmbed.tsx
@@ -312,24 +312,24 @@ export const SignTxEmbed = () => {
       {isTxApprovalVisible && transactionDetails ? (
         <>
           <ScrollView contentContainerStyle={styles.appContainer}>
-            <View style={styles.section}>
-              <Text style={styles.sectionTitle}>Account</Text>
+            <View style={{ marginBottom: 16 }}>
+              <Text variant='titleLarge'>Account</Text>
               <View style={styles.dataBox}>
                 <AccountDetails account={transactionDetails.account} />
               </View>
             </View>
 
-            <View style={styles.section}>
-              <Text style={styles.sectionTitle}>{`Balance (${transactionDetails.requestedNetwork.nativeDenom})`}</Text>
+            <View style={{ marginBottom: 16 }}>
+              <Text variant='titleLarge'>{`Balance (${transactionDetails.requestedNetwork.nativeDenom})`}</Text>
               <View style={styles.dataBox}>
-                <Text style={styles.codeText}>
+                <Text variant='bodyLarge'>
                   {transactionDetails.balance}
                 </Text>
               </View>
             </View>
 
-            <View style={styles.section}>
-              <Text style={styles.sectionTitle}>Transaction Body</Text>
+            <View style={{ marginBottom: 16 }}>
+              <Text variant='titleLarge'>Transaction Body</Text>
               <ScrollView style={styles.messageBody} contentContainerStyle={{ padding: 10 }}>
                 <Text style={styles.codeText}>
                   {formattedTxBody}
@@ -337,8 +337,8 @@ export const SignTxEmbed = () => {
               </ScrollView>
             </View>
 
-            <View style={styles.section}>
-              <Text style={styles.sectionTitle}>Auth Info</Text>
+            <View style={{ marginBottom: 16 }}>
+              <Text variant='titleLarge'>Auth Info</Text>
               <ScrollView style={styles.messageBody} contentContainerStyle={{ padding: 10 }}>
                 <Text style={styles.codeText}>
                   {formattedAuthInfo}
@@ -346,8 +346,8 @@ export const SignTxEmbed = () => {
               </ScrollView>
             </View>
 
-            <View style={styles.section}>
-              <Text style={styles.sectionTitle}>Transaction Data To Be Signed</Text>
+            <View style={{ marginBottom: 16 }}>
+              <Text variant='titleLarge'>Transaction Data To Be Signed</Text>
               <ScrollView style={styles.messageBody} contentContainerStyle={{ padding: 10 }}>
                 <Text style={styles.codeText}>
                   {formattedSignDoc}
diff --git a/src/styles/stylesheet.js b/src/styles/stylesheet.js
index 30cca44..60091a5 100644
--- a/src/styles/stylesheet.js
+++ b/src/styles/stylesheet.js
@@ -355,21 +355,10 @@ const styles = StyleSheet.create({
     marginTop: 12,
     marginBottom: 20,
   },
-  section: {
-    marginBottom: 16,
-  },
-  sectionTitle: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    marginBottom: 8,
-  },
   codeText: {
     fontFamily: 'monospace',
     fontSize: 12,
   },
-  input: {
-    flex: 1,
-  },
 });
 
 export default styles;