diff --git a/src/renderer/features/sidebar/components/sidebar.module.css b/src/renderer/features/sidebar/components/sidebar.module.css
index 9805cfa1..1c131c9a 100644
--- a/src/renderer/features/sidebar/components/sidebar.module.css
+++ b/src/renderer/features/sidebar/components/sidebar.module.css
@@ -27,7 +27,8 @@
 }
 
 .image-container {
-    position: relative;
+    position: absolute;
+    bottom: 0;
     width: var(--sidebar-image-height);
     height: var(--sidebar-image-height);
     cursor: pointer;
diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx
index 3a0dea0e..a894b4a1 100644
--- a/src/renderer/features/sidebar/components/sidebar.tsx
+++ b/src/renderer/features/sidebar/components/sidebar.tsx
@@ -90,7 +90,8 @@ export const Sidebar = () => {
     const scrollAreaHeight = useMemo(() => {
         if (showImage) {
             if (windowBarStyle === Platform.WINDOWS || windowBarStyle === Platform.MACOS) {
-                return `calc(100% - 105px - ${sidebar.leftWidth})`;
+                // Subtract the height of the top bar and padding
+                return `calc(100% - 65px - var(--mantine-spacing-xs) - ${sidebar.leftWidth})`;
             }
 
             return `calc(100% - ${sidebar.leftWidth})`;
@@ -99,6 +100,8 @@ export const Sidebar = () => {
         return '100%';
     }, [showImage, sidebar.leftWidth, windowBarStyle]);
 
+    console.log('scrollAreaHeight', scrollAreaHeight);
+
     const isCustomWindowBar =
         windowBarStyle === Platform.WINDOWS || windowBarStyle === Platform.MACOS;