diff --git a/client/src/components/Grid/GridHistory.vue b/client/src/components/Grid/GridHistory.vue
index e66a3cdb9b0b..ce07a8ad768b 100644
--- a/client/src/components/Grid/GridHistory.vue
+++ b/client/src/components/Grid/GridHistory.vue
@@ -22,7 +22,7 @@ withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-    <div>
+    <div class="d-flex flex-column">
         <div class="mb-2">
             <div class="d-flex">
                 <Heading h1 separator inline size="xl" class="flex-grow-1 mb-2">Histories</Heading>
@@ -40,9 +40,9 @@ withDefaults(defineProps<Props>(), {
                     Public Histories
                 </BNavItem>
             </BNav>
-            <GridList v-if="activeList === 'my'" :grid-config="historiesGridConfig" embedded />
-            <GridList v-else-if="activeList === 'shared'" :grid-config="historiesSharedGridConfig" embedded />
-            <GridList v-else :grid-config="historiesPublishedGridConfig" embedded />
         </div>
+        <GridList v-if="activeList === 'my'" :grid-config="historiesGridConfig" embedded />
+        <GridList v-else-if="activeList === 'shared'" :grid-config="historiesSharedGridConfig" embedded />
+        <GridList v-else :grid-config="historiesPublishedGridConfig" embedded />
     </div>
 </template>