diff --git a/projects/quml-library/src/lib/asq/asq.component.html b/projects/quml-library/src/lib/asq/asq.component.html
index 72c5b948..b2aa6cc6 100644
--- a/projects/quml-library/src/lib/asq/asq.component.html
+++ b/projects/quml-library/src/lib/asq/asq.component.html
@@ -1,6 +1,6 @@
-<div *ngIf="questionBody" class="question-body">
+<div *ngIf="questionBody" class="question-body" >
     <div class="mtf-title">
-      <p [innerHTML]="questionBody"></p>
+      <p [innerHTML]="questionBody" style="margin-top: 50px;"></p>
     </div>
     <quml-asq-options [shuffleOptions]="shuffleOptions" [replayed]="replayed" [tryAgain]="tryAgain" *ngIf="interactions?.response1?.options"
       [options]="interactions.response1.options" (reorderedOptions)="handleReorderedOptions($event)" [layout]="layout">
diff --git a/projects/quml-library/src/lib/mtf/mtf-options/mtf-options.component.scss b/projects/quml-library/src/lib/mtf/mtf-options/mtf-options.component.scss
index f3c0b23a..75757f15 100644
--- a/projects/quml-library/src/lib/mtf/mtf-options/mtf-options.component.scss
+++ b/projects/quml-library/src/lib/mtf/mtf-options/mtf-options.component.scss
@@ -190,14 +190,14 @@ p {
 }
 
 .left-box {
-  border-left: 5px solid #99bcd8;
+  border-left: 5px solid #dd918f;
   border-right: 1px solid black;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
 }
 
 .right-box {
-  border-left: 5px solid #dd918f;
+  border-left: 5px solid  #99bcd8;
   border-right: 1px solid black;
     border-top: 1px solid black;
     border-bottom: 1px solid black;
@@ -205,14 +205,14 @@ p {
 }
 
 .left-box1 {
-  border-left: 5px solid #99bcd8;
+  border-left: 5px solid #dd918f;
   border-right: 1px solid black;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
 }
 
 .right-box1 {
-  border-left: 5px solid #dd918f;
+  border-left: 5px solid #99bcd8;
   border-right: 1px solid black;
   border-top: 1px solid black;
   border-bottom: 1px solid black;