diff --git a/src/popup2/services/services.module.ts b/src/popup2/services/services.module.ts
index 66dff1297a6..0357b4e823f 100644
--- a/src/popup2/services/services.module.ts
+++ b/src/popup2/services/services.module.ts
@@ -60,10 +60,15 @@ export const authService = new AuthService(getBgService<CryptoService>('cryptoSe
 
 export function initFactory(i18nService: I18nService, storageService: StorageService): Function {
     return async () => {
-        const htmlEl = window.document.documentElement;
+        if (window.screen.availHeight < 600) {
+            window.document.body.classList.add('xs');
+        } else if (window.screen.availHeight <= 800) {
+            window.document.body.classList.add('sm');
+        }
+
         if (i18nService != null) {
+            window.document.documentElement.classList.add('locale_' + i18nService.translationLocale);
             authService.init();
-            htmlEl.classList.add('locale_' + i18nService.translationLocale);
         }
 
         stateService.save(ConstantsService.disableFaviconKey,