diff --git a/src/main/webapp/resources/sass/app/_bugfixes.scss b/src/main/webapp/resources/sass/app/_bugfixes.scss
index e6a1e8fc11a16b602a1709ce50514ffa82f44e99..f8249798f82c0f3f13343ba375b6daed8282f04f 100644
--- a/src/main/webapp/resources/sass/app/_bugfixes.scss
+++ b/src/main/webapp/resources/sass/app/_bugfixes.scss
@@ -65,3 +65,14 @@ body.x-android.splashscreenClosed {
 body.x-windows {
 	touch-action: none !important;
 }
+
+/* fix flexbox rendering in firefox 48+ */
+.x-firefox {
+	.x-button,
+	.x-layout-box,
+	.x-layout-box > .x-layout-box-item {
+		display: -webkit-box !important;
+		display: -ms-flexbox !important;
+		display: flex !important;
+	}
+}