diff --git a/anatomy/static/css/anatomy.css b/anatomy/static/css/anatomy.css
index cc2ae1c8..a95dd1c6 100644
--- a/anatomy/static/css/anatomy.css
+++ b/anatomy/static/css/anatomy.css
@@ -146,10 +146,16 @@ button a {
 
 #dicom-image {
   width: 60%;
+  height: 600px;
+}
+
+#dicom-image.marking-dicom {
   position: fixed;
   right: 0px;
-  height: 600px;
   bottom: 0px;
+  width: 50%;
+  height: 90%;
+
 }
 
 .marking {
diff --git a/anatomy/templates/anatomy/mark.html b/anatomy/templates/anatomy/mark.html
index 13ee9562..87e7d07d 100644
--- a/anatomy/templates/anatomy/mark.html
+++ b/anatomy/templates/anatomy/mark.html
@@ -5,7 +5,7 @@
 <a href="{% url 'anatomy:anatomy_question_update' question.id %}" title="Edit the Question">Edit</a> <a href="{% url 'admin:anatomy_anatomyquestion_change' question.id %}" title="Edit the Question using the admin interface">Admin Edit</a>
 <h3>{{ question.question_type }}</h3>
 
-<div id="dicom-image" data-url="{{ question.image.url}}" data-annotations='{{question.image_annotations}}'>
+<div id="dicom-image" class="marking-dicom" data-url="{{ question.image.url}}" data-annotations='{{question.image_annotations}}'>
 </div>
 <div class="marking">
 <form method="POST" class="post-form">{% csrf_token %}