diff --git a/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue b/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
index c2193cdb21..2a2b366bba 100644
--- a/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
+++ b/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
@@ -21,7 +21,7 @@
             - If we're not allowingHints, then it should be 100% because
               they're the reason we'd go smaller at all
           -->
-          <KGridItem :layout12="{ span: allowHints ? 6 : 12 }">
+          <KGridItem :layout12="{ span: allowHints || interactive ? 6 : 12 }">
             <div
               id="problem-area"
               class="problem-area"
@@ -36,7 +36,7 @@
               - It is a v-show because seems without the proper anchors in place
                 it will fail to properly mount the react component
           -->
-          <KGridItem v-show="allowHints" :layout12="{ span: 6 }">
+          <KGridItem v-show="interactive || allowHints" :layout12="{ span: 6 }">
             <div v-if="hinted" id="hintlabel" class="hintlabel" :dir="contentDirection">
               {{ $tr("hintLabel") }}
             </div>