diff --git a/src/dlnaprofile.html b/src/dlnaprofile.html
index 774cc4e906..6a79178268 100644
--- a/src/dlnaprofile.html
+++ b/src/dlnaprofile.html
@@ -273,7 +273,7 @@
         </div>
     </div>
     <div data-role="popup" id="popupEditDirectPlayProfile" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="verticalSection verticalSection-extrabottompadding">
+        <div class="ui-bar-a">
             <div class="sectionTitleContainer flex align-items-center">
                 <h3 class="sectionTitle">${HeaderDirectPlayProfile}</h3>
             </div>
@@ -315,7 +315,7 @@
         </div>
     </div>
     <div data-role="popup" id="transcodingProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="verticalSection verticalSection-extrabottompadding">
+        <div class="ui-bar-a">
             <div class="sectionTitleContainer flex align-items-center">
                 <h3 class="sectionTitle">${HeaderTranscodingProfile}</h3>
             </div>
@@ -399,7 +399,7 @@
         </div>
     </div>
     <div data-role="popup" id="containerProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="verticalSection verticalSection-extrabottompadding">
+        <div class="ui-bar-a">
             <div class="sectionTitleContainer flex align-items-center">
                 <h3 class="sectionTitle">${HeaderContainerProfile}</h3>
             </div>
@@ -433,7 +433,7 @@
         </div>
     </div>
     <div data-role="popup" id="codecProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="verticalSection verticalSection-extrabottompadding">
+        <div class="ui-bar-a">
             <div class="sectionTitleContainer flex align-items-center">
                 <h3 class="sectionTitle">${HeaderCodecProfile}</h3>
             </div>
@@ -464,7 +464,7 @@
         </div>
     </div>
     <div data-role="popup" id="responseProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="verticalSection verticalSection-extrabottompadding">
+        <div class="ui-bar-a">
             <div class="sectionTitleContainer flex align-items-center">
                 <h3 class="sectionTitle">${HeaderResponseProfile}</h3>
             </div>
@@ -506,7 +506,7 @@
         </div>
     </div>
     <div data-role="popup" id="identificationHeaderPopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="verticalSection verticalSection-extrabottompadding">
+        <div class="ui-bar-a">
             <div class="sectionTitleContainer flex align-items-center">
                 <h3 class="sectionTitle">${HeaderIdentificationHeader}</h3>
             </div>
@@ -538,7 +538,7 @@
         </div>
     </div>
     <div data-role="popup" id="xmlAttributePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="verticalSection verticalSection-extrabottompadding">
+        <div class="ui-bar-a">
             <div class="sectionTitleContainer flex align-items-center">
                 <h3 class="sectionTitle">${HeaderXmlDocumentAttribute}</h3>
             </div>
@@ -563,7 +563,7 @@
         </div>
     </div>
     <div data-role="popup" id="subtitleProfilePopup" class="dialog dialog-fixedSize dialog-medium-tall hide" style="position: fixed; top: 10%;">
-        <div class="verticalSection verticalSection-extrabottompadding">
+        <div class="ui-bar-a">
             <div class="sectionTitleContainer flex align-items-center">
                 <h3 class="sectionTitle">${HeaderSubtitleProfile}</h3>
             </div>