diff --git a/UI/WebServerResources/scss/components/tabs/tabs.scss b/UI/WebServerResources/scss/components/tabs/tabs.scss
index 48c4ab4ca..83036e371 100644
--- a/UI/WebServerResources/scss/components/tabs/tabs.scss
+++ b/UI/WebServerResources/scss/components/tabs/tabs.scss
@@ -1 +1,10 @@
-@import 'extends';
\ No newline at end of file
+@import 'extends';
+
+/**
+ * This is a fix to make the tab resized to the surrounding md-content when
+ * its content is too large. Initially observed with events and tasks lists
+ * in the Calendar module and Angular Material 1.1.1.
+ */
+md-tab-content > div {
+  overflow: hidden;
+}