diff --git a/src/bodies/components/profListing.js b/src/bodies/components/profListing.js
index 2ed60993..b58b7aaf 100644
--- a/src/bodies/components/profListing.js
+++ b/src/bodies/components/profListing.js
@@ -113,6 +113,7 @@ class ClassListing extends Component {
   }
   poll(item,i){
     return(
+    <div className="commentWrapper">
     <div className="poll">
       <Col lg={7} md={7} sm={7} xs={7} className="center pollCol">
         <h3 className="pollQuestion">{item.val().pollQuestion}</h3>
@@ -130,6 +131,7 @@ class ClassListing extends Component {
         <p className="pollAnswers">{item.val().ans2count}</p>
       </Col>
     </div>
+    </div>
   )
   }
   render() {
@@ -144,8 +146,8 @@ class ClassListing extends Component {
         {
           this.state.showPanel ?
             <div>
-              {this.state.polls.map((item,i)=>this.poll(item, i))}
               {this.state.comments.map((item,i)=>this.comment(item, i))}
+              {this.state.polls.map((item,i)=>this.poll(item, i))}
             </div>
           :
             null
diff --git a/src/css/_classListing.css b/src/css/_classListing.css
index 8cedf90d..c0f52a45 100644
--- a/src/css/_classListing.css
+++ b/src/css/_classListing.css
@@ -100,15 +100,13 @@
   width: 130%;
   height: 50px;
   border-radius: 10px;
-  background: #DC143C;
   clear: both;
 }
 .pollQuestion {
   display: block;
   width: 100%;
   height: 50%;
-  padding: 5px;
-  background: #DC143C;
+  padding: 1px;
   font-size: 1em;
 }
 .pollAnswers {
@@ -116,8 +114,7 @@
   float: left;
   width: 100%;
   height: 100%;
-  padding: 10px;
-  background: #DC143C;
+  padding: 1px;
   font-size: 1em;
 }
 .pollCount{