diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less
index de88b18dcf..4f86b1a52a 100644
--- a/website/assets/styles/layout.less
+++ b/website/assets/styles/layout.less
@@ -409,6 +409,15 @@ body.detected-mobile {
       height: 371px;
     }
   }
+  // For hiding the hubspot chat widget on mobile devices.
+  #hubspot-messages-iframe-container iframe[aria-label='Chat Widget'] {
+    display: none !important;//lesshint-disable-line importantRule
+  }
+  html.hs-messages-widget-open, html.hs-messages-mobile.hs-messages-widget-open {// Shows the hubspot chat widget when the widget is opened from a "Talk to an expert" button.
+    #hubspot-messages-iframe-container iframe[aria-label='Chat Widget'] {
+      display: initial !important;//lesshint-disable-line importantRule
+    }
+  }
 }
 
 @media (max-width: 490px) {