diff --git a/src/index.css b/src/index.css
index 6070478..79dc3d0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -111,3 +111,18 @@ dialog::backdrop {
 .photo img:hover {
   transform: scale(1.05);
 }
+
+.yes-container {
+  max-width: 100%;
+  padding: 0 1rem;
+  box-sizing: border-box;
+  overflow-x: hidden;
+  text-align: center;
+}
+
+.yes-container h1,
+.yes-container h2,
+.yes-container h3 {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
diff --git a/src/yes.tsx b/src/yes.tsx
index 78d60e7..0fd0c8e 100644
--- a/src/yes.tsx
+++ b/src/yes.tsx
@@ -1,10 +1,9 @@
 export default function YesPage() {
   return (
-    <div className="container">
+    <div className="yes-container">
       <h1>Congratulations, you're now my valentine!!! 💖🥳</h1>
       <h2>No takebacks allowed, you're stuck with me 🎉</h2>
       <h3>Great job using the freewill the website gave you to make the right choice</h3>
-      
     </div>
   );
 }