diff --git a/src/App.vue b/src/App.vue
index 9d1c0731..7b00bc27 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -344,6 +344,11 @@ body.has-viewer header {
   overflow-x: hidden;
 }
 
+// Prevent sidebar from becoming too big
+aside.app-sidebar {
+  max-width: 360px !important;
+}
+
 // Fill all available space
 .fill-block {
   width: 100%;
diff --git a/src/components/Metadata.vue b/src/components/Metadata.vue
index 850aa392..8e69d8ff 100644
--- a/src/components/Metadata.vue
+++ b/src/components/Metadata.vue
@@ -343,6 +343,8 @@ export default class Metadata extends Mixins(GlobalMixin) {
 
 .map {
   width: 100%;
-  height: 200px;
+  aspect-ratio: 16 / 10;
+  min-height: 200px;
+  max-height: 250px;
 }
 </style>
\ No newline at end of file