diff --git a/packages/mosaic-dev/popover/styles.scss b/packages/mosaic-dev/popover/styles.scss
index cc06eb38c..3af77fe17 100644
--- a/packages/mosaic-dev/popover/styles.scss
+++ b/packages/mosaic-dev/popover/styles.scss
@@ -26,6 +26,10 @@ app {
 
 .popover-485 {
     width: 485px;
+
+    .mc-popover {
+        max-width: 485px !important;
+    }
 }
 
 
diff --git a/packages/mosaic-dev/popover/template.html b/packages/mosaic-dev/popover/template.html
index 0f6a2a8f7..4ab569cfa 100644
--- a/packages/mosaic-dev/popover/template.html
+++ b/packages/mosaic-dev/popover/template.html
@@ -43,7 +43,7 @@
         class="trigger-button with-margin asdasd"
         mc-button
         mcPopover
-        mcPopoverClass="popover-485 this-class-not-available"
+        mcPopoverClass="popover-485 max-width-class"
         mcPopoverHeader="Lorem ipsum"
         mcPopoverPlacement="bottom"
         mcPopoverSize="small"
diff --git a/packages/mosaic/popover/popover.scss b/packages/mosaic/popover/popover.scss
index aaa0374c2..623c6cbd6 100644
--- a/packages/mosaic/popover/popover.scss
+++ b/packages/mosaic/popover/popover.scss
@@ -42,7 +42,7 @@ $mc-popover-large-width: 640px;
     max-width: $mc-popover-small-width;
 
     .mc-popover {
-        max-width: $mc-popover-small-width !important;
+        max-width: $mc-popover-small-width;
     }
 }
 
@@ -50,7 +50,7 @@ $mc-popover-large-width: 640px;
     max-width: $mc-popover-normal-width;
 
     .mc-popover {
-        max-width: $mc-popover-normal-width !important;
+        max-width: $mc-popover-normal-width;
     }
 }
 
@@ -58,7 +58,7 @@ $mc-popover-large-width: 640px;
     max-width: $mc-popover-large-width;
 
     .mc-popover {
-        max-width: $mc-popover-large-width !important;
+        max-width: $mc-popover-large-width;
     }
 }