Mostly fixed up.

examples/counter.rs

@@ -40,7 +40,7 @@ fn Counter(context: &mut KayakContext) {
             <Window position={(50.0, 50.0)} size={(300.0, 300.0)} title={"Counter Example".to_string()}>
                 <Text styles={Some(text_styles)} size={32.0} content={format!("Current Count: {}", count).to_string()}>{}</Text>
                 <Button on_event={Some(on_event)}>
-                    <Text styles={Some(button_text_styles)} size={24.0} content={"Count!".to_string()}>{}</Text>
+                    <Text styles={Some(button_text_styles)} line_height={Some(40.0)} size={24.0} content={"Count!".to_string()}>{}</Text>
                 </Button>
             </Window>
         </>

examples/hooks.rs

@@ -47,7 +47,7 @@ fn StateCounter() {
         <Window position={(50.0, 50.0)} size={(300.0, 150.0)} title={"State Example".to_string()}>
             <Text size={16.0} content={format!("Current Count: {}", count)} />
              <Button on_event={Some(on_event)}>
-                <Text size={24.0} content={"Count!".to_string()} />
+                <Text line_height={Some(40.0)} size={24.0} content={"Count!".to_string()} />
             </Button>
         </Window>
     }
@@ -110,7 +110,7 @@ fn EffectCounter() {
             <Text size={16.0} content={format!("Actual Count: {}", count)} />
             <Text size={16.0} content={format!("Doubled Count: {}", effect_count)} />
              <Button on_event={Some(on_event)}>
-                <Text size={24.0} content={"Count!".to_string()} />
+                <Text line_height={Some(40.0)} size={24.0} content={"Count!".to_string()} />
             </Button>
         </Window>
     }

examples/if.rs

@@ -38,7 +38,7 @@ fn Removal(context: &mut KayakContext) {
                     <Text styles={Some(text_styles)} size={32.0} content={"Hello!".to_string()} />
                 </If>
                 <Button on_event={Some(on_event)}>
-                    <Text line_height={Some(45.0)} size={24.0} content={"Swap!".to_string()} />
+                    <Text line_height={Some(40.0)} size={24.0} content={"Swap!".to_string()} />
                 </Button>
             </Window>
         </>

examples/todo/card.rs

@@ -32,7 +32,7 @@ pub fn Card(card_id: usize, name: String, on_delete: Handler<usize>) {
 
     rsx! {
         <Background styles={Some(background_styles)}>
-            <Text size={14.0} content={name} />
+            <Text line_height={Some(26.0)} size={14.0} content={name} />
             <DeleteButton on_event={Some(on_event)} />
         </Background>
     }

examples/vec_widget.rs

@@ -17,7 +17,10 @@ fn startup(
     font_mapping.add("Roboto", asset_server.load("roboto.kayak_font"));
 
     let context = BevyContext::new(|context| {
-        let data = vec!["Text1", "Text2", "Text3", "Text4"];
+        let data = vec![
+            "Text 1", "Text 2", "Text 3", "Text 4", "Text 5", "Text 6", "Text 7", "Text 8",
+            "Text 9", "Text 10",
+        ];
         render! {
             <App>
                 {VecTracker::from(data.iter().map(|data| {

src/widgets/button.rs

@@ -24,8 +24,6 @@ pub fn Button(children: Children, styles: Option<Style>) {
         },
         padding_left: StyleProp::Value(Units::Stretch(1.0)),
         padding_right: StyleProp::Value(Units::Stretch(1.0)),
-        padding_top: StyleProp::Value(Units::Stretch(1.0)),
-        padding_bottom: StyleProp::Value(Units::Stretch(1.0)),
         ..base_styles
     });
     rsx! {

src/widgets/text_box.rs

@@ -120,6 +120,7 @@ pub fn TextBox(value: String, on_change: Option<OnChange>, placeholder: Option<S
                 <Text
                     content={value}
                     size={14.0}
+                    line_height={Some(22.0)}
                     styles={Some(text_styles)}
                 />
             </Clip>