diff --git a/photomap/frontend/static/javascript/umap.js b/photomap/frontend/static/javascript/umap.js
index 691251bf..b8a01226 100644
--- a/photomap/frontend/static/javascript/umap.js
+++ b/photomap/frontend/static/javascript/umap.js
@@ -26,8 +26,8 @@ import { debounce, getPercentile, isColorLight, makeDraggable } from "./utils.js
 
 const UMAP_SIZES = {
   big: { width: 800, height: 590 },
-  medium: { width: 440, height: 310 },
-  small: { width: 360, height: 210 },
+  medium: { width: 520, height: 310 },
+  small: { width: 440, height: 210 },
   fullscreen: { width: window.innerWidth, height: window.innerHeight },
 };
 const landmarkCount = 18; // Maximum number of non-overlapping landmarks to show at any time
diff --git a/photomap/frontend/templates/modules/umap-floating-window.html b/photomap/frontend/templates/modules/umap-floating-window.html
index ebac00c7..43380286 100644
--- a/photomap/frontend/templates/modules/umap-floating-window.html
+++ b/photomap/frontend/templates/modules/umap-floating-window.html
@@ -5,7 +5,7 @@
   <!-- Titlebar -->
   <div id="umapTitlebar">
     <select id="semanticMapAlbumSelect" title="Switch album" aria-label="Switch album"></select>
-    <div style="display: flex; align-items: center; gap: 8px">
+    <div style="display: flex; align-items: center; gap: 3px">
       <!-- Resizing icons -->
       <button id="umapResizeFullscreen" title="Fullscreen" class="icon-btn">
         <svg width="24" height="24" viewBox="0 0 24 24">