diff --git a/src/menu.rs b/src/menu.rs
index e41e589..35de596 100644
--- a/src/menu.rs
+++ b/src/menu.rs
@@ -523,7 +523,7 @@ fn setup_how_to_play(mut commands: Commands, deck: Res<Deck>, server: Res<AssetS
         ))
         .with_children(|parent| {
             parent.spawn((Node {
-                    width: Val::Px(500.0),
+                    max_width: Val::Percent(90.0),
                     align_items: AlignItems::Center,
                     justify_content: JustifyContent::Center,
                     flex_direction: FlexDirection::Column,
@@ -627,7 +627,7 @@ fn setup_how_to_play(mut commands: Commands, deck: Res<Deck>, server: Res<AssetS
                                 let sprite = deck.cards.get(*x).unwrap();
                                     parent.spawn((
                                         Node {
-                                            height: Val::Px(100.0),
+                                            height: Val::Px(50.0),
                                             ..default()
                                         },
                                         ImageNode {