diff --git a/lms/public/css/style.css b/lms/public/css/style.css
index c8105e46..e414f449 100644
--- a/lms/public/css/style.css
+++ b/lms/public/css/style.css
@@ -2343,4 +2343,13 @@ select {
 
 .embed-tool__caption {
 	display: none;
+}
+
+.card-buttons {
+	display: flex;
+	position: relative;
+	top: 10%;
+	left: 80%;
+	z-index: 10;
+	width: fit-content;
 }
\ No newline at end of file
diff --git a/lms/www/batches/batch_details.html b/lms/www/batches/batch_details.html
index 1787a2da..5ed9fe76 100644
--- a/lms/www/batches/batch_details.html
+++ b/lms/www/batches/batch_details.html
@@ -186,9 +186,8 @@
 	<div class="cards-parent mt-2">
 		{% for course in courses %}
 		<div class="h-100">
-			{{ widgets.CourseCard(course=course, read_only=False) }}
             {% if is_moderator %}
-            <div class="flex my-2 pull-right">
+            <div class="card-buttons">
                 <button class="btn icon-btn btn-default btn-edit-course"
                     data-name="{{ course.batch_course }}" data-course="{{ course.name }}"
                     {% if course.evaluator %} data-evaluator="{{ course.evaluator }}" {% endif %}>
@@ -203,6 +202,7 @@
                 </button>
             </div>
             {% endif %}
+			{{ widgets.CourseCard(course=course, read_only=False) }}
 		</div>
 		{% endfor %}
 	</div>