diff --git a/src/components/asset-panel/asset-panel.css b/src/components/asset-panel/asset-panel.css
index 0cfb9a1c3598cf480e18a229eeb4a891497b2fb7..9a999057b57a29f12b8e288365605a814b5864f1 100644
--- a/src/components/asset-panel/asset-panel.css
+++ b/src/components/asset-panel/asset-panel.css
@@ -16,4 +16,5 @@
     flex-grow: 1;
     flex-shrink: 1;
     border-left: 1px solid $ui-black-transparent;
+    overflow-y: auto;
 }
diff --git a/src/components/gui/gui.css b/src/components/gui/gui.css
index 72670e031095acc3f02f9466cf892f13e1996710..2e4e7b846811c8fced93abbc6c004c19fde51ad8 100644
--- a/src/components/gui/gui.css
+++ b/src/components/gui/gui.css
@@ -132,7 +132,6 @@
 .tabs {
     position: relative;
     flex-grow: 1;
-    flex-shrink: 0;
     display: flex;
     flex-direction: column;
 }
@@ -140,7 +139,6 @@
 .tab-panel {
     position: relative;
     flex-grow: 1;
-    flex-shrink: 0;
     display: none;
 }
 
diff --git a/test/integration/backpack.test.js b/test/integration/backpack.test.js
index 9eb5e5f9e5b0a1b518b68035e93f067e462539ef..9694e67ba2cc4b3aca21d96a2c0145285ec0405b 100644
--- a/test/integration/backpack.test.js
+++ b/test/integration/backpack.test.js
@@ -34,6 +34,10 @@ describe('Working with the how-to library', () => {
     test('Backpack can be expanded with backpack host param', async () => {
         await loadUri(`${uri}?backpack_host=some-value`);
         await clickXpath('//button[@title="tryit"]');
+
+        // Try activating the backpack from the costumes tab to make sure it isn't pushed off
+        await clickText('Costumes');
+
         // Check that the backpack header is visible and wrapped in a coming soon tooltip
         await clickText('Backpack'); // Not wrapped in tooltip
         await clickText('Backpack is empty'); // Make sure it can expand, is empty