diff --git a/public/app/plugins/datasource/logging/components/LoggingStartPage.tsx b/public/app/plugins/datasource/logging/components/LoggingStartPage.tsx
index fee64af27ca..b9d951b7d92 100644
--- a/public/app/plugins/datasource/logging/components/LoggingStartPage.tsx
+++ b/public/app/plugins/datasource/logging/components/LoggingStartPage.tsx
@@ -8,7 +8,7 @@ interface Props {
 export default class LoggingStartPage extends PureComponent<Props> {
   render() {
     return (
-      <div className="grafana-info-box">
+      <div className="grafana-info-box grafana-info-box--max-lg">
         <LoggingCheatSheet onClickExample={this.props.onClickExample} />
       </div>
     );
diff --git a/public/app/plugins/datasource/prometheus/components/PromStart.tsx b/public/app/plugins/datasource/prometheus/components/PromStart.tsx
index eed654f7cfa..9acfc534853 100644
--- a/public/app/plugins/datasource/prometheus/components/PromStart.tsx
+++ b/public/app/plugins/datasource/prometheus/components/PromStart.tsx
@@ -8,7 +8,7 @@ interface Props {
 export default class PromStart extends PureComponent<Props> {
   render() {
     return (
-      <div className="grafana-info-box">
+      <div className="grafana-info-box grafana-info-box--max-lg">
         <PromCheatSheet onClickExample={this.props.onClickExample} />
       </div>
     );
diff --git a/public/sass/components/_infobox.scss b/public/sass/components/_infobox.scss
index fb2222dd9db..6f7a7bf86dc 100644
--- a/public/sass/components/_infobox.scss
+++ b/public/sass/components/_infobox.scss
@@ -32,6 +32,10 @@
   a {
     @extend .external-link;
   }
+
+  &--max-lg {
+    max-width: map-get($grid-breakpoints, 'lg');
+  }
 }
 
 .grafana-info-box__close {