diff --git a/src/public/javascripts/services/note_detail_book.js b/src/public/javascripts/services/note_detail_book.js
index 2ec97101b..03286738f 100644
--- a/src/public/javascripts/services/note_detail_book.js
+++ b/src/public/javascripts/services/note_detail_book.js
@@ -237,7 +237,22 @@ class NoteDetailBook {
     }
 
     getDefaultZoomLevel() {
-        return this.isAutoBook() ? 3 : 1;
+        if (this.isAutoBook()) {
+            const w = this.$component.width();
+
+            if (w <= 600) {
+                return 1;
+            } else if (w <= 900) {
+                return 2;
+            } else if (w <= 1300) {
+                return 3;
+            } else {
+                return 4;
+            }
+        }
+        else {
+            return 1;
+        }
     }
 
     getRenderingType(childNote) {
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 059c0d734..ae65c157e 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -809,7 +809,8 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
     border-radius: 10px;
     background-color: var(--accented-background-color);
     padding: 15px;
-    margin: 10px;
+    padding-bottom: 5px;
+    margin: 5px;
     margin-left: 0;
     overflow: hidden;
     display: flex;