diff --git a/scss/atat.scss b/scss/atat.scss
index f04b895a..3506a717 100644
--- a/scss/atat.scss
+++ b/scss/atat.scss
@@ -9,6 +9,7 @@
 @import 'elements/buttons';
 @import 'elements/tables';
 @import 'elements/panels';
+@import 'elements/panel-rows';
 
 @import 'components/site_action';
 @import 'components/empty_state';
diff --git a/scss/elements/_panel-rows.scss b/scss/elements/_panel-rows.scss
new file mode 100644
index 00000000..064140ee
--- /dev/null
+++ b/scss/elements/_panel-rows.scss
@@ -0,0 +1,19 @@
+/*
+ * Panel Rows/Cols
+ * An extension of the generic Row/Col system
+ * for grids of panels with evenly spaced gutters
+ */
+
+.panel-row {
+  @include grid-row;
+  @include grid-pad;
+
+  > .col {
+    @include grid-pad;
+    margin-bottom: $site-margins-mobile;
+
+    @include media($medium-screen) {
+      margin-bottom: $site-margins;
+    }
+  }
+}