diff --git a/question/bank/columnsortorder/templates/column_sort_preview.mustache b/question/bank/columnsortorder/templates/column_sort_preview.mustache
index f4ce54a5c38..910c6945c77 100644
--- a/question/bank/columnsortorder/templates/column_sort_preview.mustache
+++ b/question/bank/columnsortorder/templates/column_sort_preview.mustache
@@ -29,7 +29,9 @@
         "preview": "<table></table>"
     }
 }}
-<div id="qbank_columnsortorder-{{uniqid}}" class="container">
+<div id="qbank_columnsortorder-{{uniqid}}" class="container-fluid">
     <a class="btn btn-primary" href="{{backurl}}">{{#str}} back {{/str}}</a>
-    {{{preview}}}
+    <div class="mt-2">
+        {{{preview}}}
+    </div>
 </div>