diff --git a/frontends/etiquette_flask/templates/photo.html b/frontends/etiquette_flask/templates/photo.html
index 8d50d16..6aab491 100644
--- a/frontends/etiquette_flask/templates/photo.html
+++ b/frontends/etiquette_flask/templates/photo.html
@@ -32,18 +32,34 @@
     flex-direction: column;
 
     max-width: 300px;
-    padding: 8px;
+    /*padding: 8px;*/
 
-    background-color: rgba(0, 0, 0, 0.1);
 }
 #editor_area
 {
     flex: 3;
+    padding: 8px;
+
+    background-color: rgba(0, 0, 0, 0.1);
+
     word-wrap: break-word;
 }
+#message_area_bg
+{
+    display: flex;
+    flex: 0 1 100%;
+
+    height: 100%;
+    min-height: 30px;
+    padding: 8px;
+
+    background-color: rgba(0, 0, 0, 0.1);
+}
 #message_area
 {
     flex: auto;
+
+    max-height: none;
 }
 .photo_viewer
 {
@@ -200,7 +216,9 @@
         {% endif %}
         </ul>
     </div>
-    <div id="message_area">
+    <div id="message_area_bg">
+        <div id="message_area">
+        </div>
     </div>
     </div>
 </div>