diff --git a/zanata-war/src/main/webapp/iteration/source_files.xhtml b/zanata-war/src/main/webapp/iteration/source_files.xhtml
index fce0b2aa34..17b024dcac 100644
--- a/zanata-war/src/main/webapp/iteration/source_files.xhtml
+++ b/zanata-war/src/main/webapp/iteration/source_files.xhtml
@@ -240,19 +240,20 @@
                                    escape="true"/>
                     <h:outputLabel value="#{messages['jsf.SourceLanguage']}"/>
                 </h:selectOneMenu>
-                <rich:simpleTogglePanel label="#{messages['jsf.iteration.files.CustomParams']}"
+                <br/>
+                <rich:collapsiblePanel header="#{messages['jsf.iteration.files.CustomParams']}"
                                        switchType="client"
-                                       opened="false">
+                                       expanded="false">
+                    <h:outputLabel for="adapterParams" value="#{messages['jsf.iteration.files.CustomParams.description']}" />
+                    <br/>
                     <h:inputTextarea id="adapterParams"
-                                     value="#{projectIterationFilesAction.documentFileUpload.adapterParams}">
-                      <h:outputLabel for="adapterParams" value="#{messages['jsf.iteration.files.CustomParams.description']}" />
-                    </h:inputTextarea>
+                                     value="#{projectIterationFilesAction.documentFileUpload.adapterParams}"/>
                     <br />
                     <a target="_blank"
                        href="https://github.com/zanata/zanata-server/wiki/Custom-document-parameters">
                       #{messages['jsf.iteration.files.CustomParams.linkText']}
                     </a>
-                </rich:simpleTogglePanel>
+                </rich:collapsiblePanel>
                 <div align="right">
                     <h:commandButton value="#{messages['jsf.Upload']}"
                                      action="#{projectIterationFilesAction.uploadDocumentFile}"/>
@@ -289,20 +290,20 @@
                                    escape="true"/>
                     <h:outputLabel value="#{messages['jsf.SourceLanguage']}"/>
                 </h:selectOneMenu>
-
-                <rich:simpleTogglePanel label="#{messages['jsf.iteration.files.CustomParams']}"
+                <br/>
+                <rich:collapsiblePanel header="#{messages['jsf.iteration.files.CustomParams']}"
                                        switchType="client"
-                                       opened="false">
+                                       expanded="false">
+                    <h:outputLabel for="adapterParams" value="#{messages['jsf.iteration.files.CustomParams.description']}" />
+                    <br/>
                     <h:inputTextarea id="adapterParams"
-                                     value="#{projectIterationFilesAction.documentFileUpload.adapterParams}">
-                      <h:outputLabel for="adapterParams" value="#{messages['jsf.iteration.files.CustomParams.description']}" />
-                    </h:inputTextarea>
+                                     value="#{projectIterationFilesAction.documentFileUpload.adapterParams}"/>
                     <br />
                     <a target="_blank"
                        href="https://github.com/zanata/zanata-server/wiki/Custom-document-parameters">
                       #{messages['jsf.iteration.files.CustomParams.linkText']}
                     </a>
-                </rich:simpleTogglePanel>
+                </rich:collapsiblePanel>
                 <div align="right">
                     <h:commandButton value="#{messages['jsf.Upload']}"
                                      action="#{projectIterationFilesAction.uploadDocumentFile}"/>
diff --git a/zanata-war/src/main/webapp/resources/css/jsf-skin.css b/zanata-war/src/main/webapp/resources/css/jsf-skin.css
index 8c027d8d37..98cbe30797 100644
--- a/zanata-war/src/main/webapp/resources/css/jsf-skin.css
+++ b/zanata-war/src/main/webapp/resources/css/jsf-skin.css
@@ -213,4 +213,27 @@ div.rf-pp-cnt {
     border-bottom-right-radius: 5px;
 }
 
-/* ====================== End Rich Dialogs =========================== */
\ No newline at end of file
+/* ====================== End Rich Dialogs =========================== */
+
+/* ====================== Collapsible panel =========================== */
+
+div.rf-cp-hdr {
+    background-image: none;
+    background-color: #461446;
+    border-top-left-radius: 5px;
+    order-top-right-radius: 5px;
+}
+
+div.rf-cp-lbl-colps, div.rf-cp-lbl-exp {
+    color: #FFFFFF;
+    font-size:11px;
+    font-weight: bold;
+}
+
+div.rf-cp {
+    padding:0;
+    border-radius: 5px;
+    margin-top:5px;
+}
+
+/* ====================== End Collapsible panel =========================== */
\ No newline at end of file