diff --git a/css/styles.css b/css/styles.css
index 932b48e..4f5c8a6 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -185,6 +185,7 @@ input[type="checkbox"] {
     background-color: #fff;
     border-radius: 8px;
     min-height: 500px;
+    justify-content: flex-start;
 }
 
 #canvas {
@@ -203,6 +204,12 @@ input[type="checkbox"] {
     font-size: 14px;
     color: #666;
     text-align: center;
+    width: 100%;
+    max-width: 500px;
+    word-wrap: break-word;
+    word-break: break-word;
+    line-height: 1.4;
+    padding: 0 10px;
 }
 
 .canvas-hint p {
diff --git a/index.html b/index.html
index 222d5db..2617539 100644
--- a/index.html
+++ b/index.html
@@ -53,8 +53,7 @@
         <div class="preview">
             <canvas id="canvas"></canvas>
             <div class="canvas-hint">
-                <p>Hinweis: Du kannst das Hintergrundbild durch Ziehen mit der Maus oder </p>
-                <p>Wischen mit dem Finger frei verschieben!</p>
+                <p>Hinweis: Du kannst das Hintergrundbild durch Ziehen mit der Maus oder Wischen mit dem Finger frei verschieben!</p>
             </div>
         </div>