diff --git a/application/views/survey/questions/arrays/dualscale/answer_dropdown.php b/application/views/survey/questions/arrays/dualscale/answer_dropdown.php
index b77ec72520f..a2d6f1bd94e 100644
--- a/application/views/survey/questions/arrays/dualscale/answer_dropdown.php
+++ b/application/views/survey/questions/arrays/dualscale/answer_dropdown.php
@@ -12,7 +12,7 @@
 ?>
 
 <div class="no-more-tables no-more-tables-array-dual-dropdown-layout">
-    <table class="table-in-qanda-10 question subquestion-list questions-list dropdown-list">
+    <table class="table table-in-qanda-10 question subquestion-list questions-list dropdown-list">
 
         <?php /*
         <!-- Column groups -->
diff --git a/templates/default/css/template.css b/templates/default/css/template.css
index 64e7b9f7c67..799f8404c26 100644
--- a/templates/default/css/template.css
+++ b/templates/default/css/template.css
@@ -453,12 +453,9 @@ body .navbar-default .navbar-brand:hover {
     padding-left: 47px;
 }
 
-.ddprefix {
+table > tbody > tr > td.ddprefix {
     padding-right: 1em;
-}
-
-.ddsuffix {
-    padding-left: 1em;
+    vertical-align: middle;
 }
 
 /**
@@ -470,6 +467,11 @@ body .navbar-default .navbar-brand:hover {
         width: 6%;
     }
 
+    table > tbody > tr > td.ddsuffix {
+        padding-left: 1em;
+        vertical-align: middle;
+    }
+
 }
 
 /**
@@ -666,10 +668,17 @@ body .navbar-default .navbar-brand:hover {
     }
 
     .col-xs-12 {
-        padding-right: 5px;
-        padding-left: 5px;
+        padding-right: 0;
+        padding-left: 0;
     }
 
+    .array-by-columns-div .radio-list {
+        border: 1px solid #ccc;
+        padding: 1em;
+        margin: 0.5em;
+    }
+
+
     /* For yes-no question, shrink the buttons a bit on phone screens */
     .btn-lg, .btn-group-lg label {
         padding: 10px 15px;