diff --git a/core/css/apps.scss b/core/css/apps.scss
index 3a56d72ecd..913e445f5b 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -1043,6 +1043,27 @@ $popovericon-size: 16px;
 	}
 }
 
+/* "app-*" descendants use border-box sizing, so the height of the icon must be
+ * set to the height of the item (as well as its width to make it squared). */
+#content[class*='app-'] {
+	.bubble,
+	.app-navigation-entry-menu,
+	.popovermenu {
+		li {
+			> button,
+			> a,
+			> .menuitem {
+				/* DEPRECATED! old img in popover fallback
+				* TODO: to remove */
+				> img {
+					width: $popoveritem-height;
+					height: $popoveritem-height;
+				}
+			}
+		}
+	}
+}
+
 /* CONTENT LIST ------------------------------------------------------------ */
 .app-content-list {
 	width: 300px;