diff --git a/src/popup/app/global/mainController.js b/src/popup/app/global/mainController.js
index 315534b7..15f76efe 100644
--- a/src/popup/app/global/mainController.js
+++ b/src/popup/app/global/mainController.js
@@ -6,8 +6,9 @@ angular
var self = this;
self.currentYear = new Date().getFullYear();
self.animation = '';
- self.shBody = $window.screen.availHeight <= 800;
- self.lgBody = utilsService && !utilsService.isFirefox() && !utilsService.isEdge() && !self.shBody;
+ self.xsBody = $window.screen.availHeight < 600;
+ self.smBody = !self.xsBody && $window.screen.availHeight <= 800;
+ self.lgBody = !self.xsBody && !self.smBody && utilsService && !utilsService.isFirefox() && !utilsService.isEdge();
$scope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {
if (toParams.animation) {
diff --git a/src/popup/index.html b/src/popup/index.html
index 2a297766..aa1d6271 100644
--- a/src/popup/index.html
+++ b/src/popup/index.html
@@ -96,7 +96,7 @@
+ ng-class="{lg: main.lgBody, sm: main.smBody, xs: main.xsBody }">