From c405d54d0e6cd62271660f29d78eadb1dc80bb28 Mon Sep 17 00:00:00 2001
From: Jesse Malotaux <jemx@mboutrecht.nl>
Date: Mon, 28 Apr 2025 11:06:34 +0200
Subject: [PATCH] Fixed overflow/height issue.

---
 fe/src/components/macros/MacroOverview.vue | 7 +++++--
 fe/src/views/MacrosView.vue                | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/fe/src/components/macros/MacroOverview.vue b/fe/src/components/macros/MacroOverview.vue
index 97cbb67..7f3b3d8 100644
--- a/fe/src/components/macros/MacroOverview.vue
+++ b/fe/src/components/macros/MacroOverview.vue
@@ -61,9 +61,12 @@ const loadMacroList = async () => {
   }
 
   .macro-overview__list {
-    @apply grid 
+    @apply flex
+    flex-col 
+    pr-1
     gap-1
-    content-start;
+    h-[calc(100vh-11.7rem)]
+    overflow-auto;
   }
 
   .macro-item {
diff --git a/fe/src/views/MacrosView.vue b/fe/src/views/MacrosView.vue
index cf05c21..205535e 100644
--- a/fe/src/views/MacrosView.vue
+++ b/fe/src/views/MacrosView.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="macros" class="panel">
     <h1 class="panel__title">Macros</h1>
-    <div class="panel__content !p-0">
+    <div class="panel__content !p-0 !overflow-hidden">
       <div class="macro-panel__content">
         <MacroOverview />
         <MacroRecorder />