diff --git a/projects/mercury/src/external-storage/ExternalStorageInformationDrawer.js b/projects/mercury/src/external-storage/ExternalStorageInformationDrawer.js
index 5df4f324a..a916b71c5 100644
--- a/projects/mercury/src/external-storage/ExternalStorageInformationDrawer.js
+++ b/projects/mercury/src/external-storage/ExternalStorageInformationDrawer.js
@@ -36,7 +36,7 @@ const useStyles = makeStyles(theme => ({
         flex: 1,
         display: 'flex',
         flexDirection: 'column',
-        height: '100%',
+        maxHeight: '100%',
         overflowY: 'auto',
         outline: 'none',
         transitionBorder: '.24s',
diff --git a/projects/mercury/src/metadata/views/MetadataViewInformationDrawer.js b/projects/mercury/src/metadata/views/MetadataViewInformationDrawer.js
index 7189f0df1..bb188736d 100644
--- a/projects/mercury/src/metadata/views/MetadataViewInformationDrawer.js
+++ b/projects/mercury/src/metadata/views/MetadataViewInformationDrawer.js
@@ -19,7 +19,7 @@ const useStyles = makeStyles(theme => ({
         flex: 1,
         display: 'flex',
         flexDirection: 'column',
-        height: '100%',
+        maxHeight: '100%',
         overflowY: 'auto',
         outline: 'none',
         transitionBorder: '.24s',