Merge pull request #8191 from overleaf/msm-dictionary-modal-fixes

Dictionary modal fixes

GitOrigin-RevId: 9804619a5addfb53633b6801002fdff221af971a

services/web/frontend/js/features/dictionary/components/dictionary-modal-content.tsx

@@ -94,7 +94,9 @@ export default function DictionaryModalContent({
               ))}
           </ul>
         ) : (
-          <i>{t('edit_dictionary_empty')}</i>
+          <p className="dictionary-empty-body text-center">
+            <i>{t('edit_dictionary_empty')}</i>
+          </p>
         )}
       </Modal.Body>
 

services/web/frontend/stylesheets/app/editor/dictionary.less

@@ -27,3 +27,7 @@
   flex-grow: 1;
   padding-right: @padding-xs;
 }
+
+.dictionary-empty-body {
+  padding: @padding-md;
+}

services/web/frontend/stylesheets/components/beta-badges.less

@@ -5,6 +5,7 @@
   height: @line-height-computed * 0.75;
   line-height: @font-size-small;
   font-size: @line-height-computed * 0.75;
+  font-weight: normal;
   text-align: center;
   color: #fff;