diff --git a/dist/framework.css b/dist/framework.css
index d04b438e36..835d40ae47 100644
--- a/dist/framework.css
+++ b/dist/framework.css
@@ -227,7 +227,8 @@ a.list-item {
position: absolute;
top: 0;
bottom: 0;
- z-index: 0; }
+ z-index: 0;
+ overflow: auto; }
.ion-panel-active-left {
left: 0; }
diff --git a/example/panels.html b/example/panels.html
index 24c3e7a77c..04878e2b71 100644
--- a/example/panels.html
+++ b/example/panels.html
@@ -32,11 +32,215 @@
- This is my default left side panel!
+
- This is my right side panel!
+
diff --git a/scss/framework/structure/_panel.scss b/scss/framework/structure/_panel.scss
index 953b192f82..afd720b60e 100644
--- a/scss/framework/structure/_panel.scss
+++ b/scss/framework/structure/_panel.scss
@@ -7,6 +7,7 @@
top: 0;
bottom: 0;
z-index: 0;
+ overflow: auto;
}
.ion-panel-active-left {