diff --git a/frontend/src/components/pdf-viewer.js b/frontend/src/components/pdf-viewer.js
index 588161e943..d3d80180d9 100644
--- a/frontend/src/components/pdf-viewer.js
+++ b/frontend/src/components/pdf-viewer.js
@@ -329,15 +329,15 @@ class PDFViewer extends React.Component {
           </div>
           {/* <!-- mainContainer -->*/}
 
-          <div id="dialogContainer">
+          <div id="dialogContainer" className="modal d-block">
             <dialog id="passwordDialog" className="modal-dialog p-0 rounded border-0 shadow-none">
               <div className="modal-content">
                 <div className="modal-header">
                   <h5 className="modal-title">{gettext('Decrypt document')}</h5>
                   <button type="button" id="passwordCancel2" className="align-self-center bg-transparent border-0 sf3-font sf3-font-x-01 modal-close" aria-label={gettext('Close')}></button>
                 </div>
-                <div className="modal-body py-6 text-left">
-                  <label htmlFor="password" id="passwordText" data-l10n-id="password_label">Enter the password to open this PDF file:</label>
+                <div className="modal-body py-6 text-start">
+                  <label htmlFor="password" id="passwordText" data-l10n-id="password_label" className="form-label">Enter the password to open this PDF file:</label>
                   <input type="password" id="password" className="form-control" />
                 </div>
                 <div className="modal-footer">