diff --git a/src/main/webapp/resources/sass/app/_bugfixes.scss b/src/main/webapp/resources/sass/app/_bugfixes.scss
index e6a1e8fc11a16b602a1709ce50514ffa82f44e99..3dc63bfb8032faf5ecd9b379df3ce5417eeeaef6 100644
--- a/src/main/webapp/resources/sass/app/_bugfixes.scss
+++ b/src/main/webapp/resources/sass/app/_bugfixes.scss
@@ -65,3 +65,20 @@ body.x-android.splashscreenClosed {
 body.x-windows {
 	touch-action: none !important;
 }
+
+body.x-firefox {
+	/* Override bad CSS code of Sencha Touch which breaks layout in Firefox 49+.
+	 * See https://hacks.mozilla.org/2016/09/firefox-49-fixes-sites-designed-with-webkit-in-mind-and-more/
+	 */
+	.x-button, .x-layout-box {
+		display: flex;
+	}
+
+	.x-layout-box > .x-layout-box-item {
+		display: flex !important;
+	}
+
+	.x-stretched.x-container > .x-inner, .x-stretched.x-container > .x-body, .x-stretched.x-container > .x-body > .x-inner {
+		display: flex !important;
+	}
+}