diff --git a/src/components/overlay-widget/package/PackageHistory.vue b/src/components/overlay-widget/package/PackageHistory.vue
index 06307164..4dd73822 100644
--- a/src/components/overlay-widget/package/PackageHistory.vue
+++ b/src/components/overlay-widget/package/PackageHistory.vue
@@ -11,65 +11,6 @@
             :selectAllPackageTypes="true"
           ></single-package-picker>
         </template>
-        <template v-else>
-          <div class="flex flex-col gap-4 items-center">
-            <div class="flex flex-row items-start gap-8">
-              <div class="flex flex-col items-stretch gap-4 w-60">
-                <template v-if="status === PackageHistoryStatus.INFLIGHT">
-                  <b-button @click="halt({})" variant="outline-primary"> STOP </b-button>
-                  <b-form-group>
-                    <b-form-input
-                      v-model="maxLookupDepth"
-                      @change="maybeSetMaxVisibleDepth($event)"
-                      placeholder="Generation limit"
-                      type="number"
-                      step="1"
-                      min="0"
-                    ></b-form-input>
-                    <div class="text-xs text-gray-300">
-                      How many generations to look up? A smaller number will finish faster.
-                    </div>
-                  </b-form-group>
-                </template>
-                <template v-if="status === PackageHistoryStatus.ERROR">
-                  <div class="text-red-500">
-                    <span
-                      >Something went wrong while generating the history. See log for detail.</span
-                    >
-                  </div>
-                </template>
-
-                <template
-                  v-if="
-                    status === PackageHistoryStatus.SUCCESS ||
-                    status === PackageHistoryStatus.ERROR ||
-                    status === PackageHistoryStatus.HALTED
-                  "
-                >
-                  <b-button @click="setPackage({ pkg: null })" variant="outline-primary">
-                    RESET
-                  </b-button>
-                </template>
-              </div>
-            </div>
-          </div>
-
-          <div v-if="maxLookupDepth !== null" class="text-red-500 text-center">
-            You have set a generation limit of {{ maxLookupDepth }}. The displayed results may not
-            be complete.
-          </div>
-
-          <div v-if="status === PackageHistoryStatus.HALTED" class="text-red-500 text-center">
-            You stopped the lookup process. The displayed results may not be complete.
-          </div>
-
-          <template v-if="status == PackageHistoryStatus.INFLIGHT">
-            <div class="flex flex-row justify-center items-center gap-2">
-              <b-spinner small></b-spinner>
-              <span>Building history, this can take a minute...</span>
-            </div>
-          </template>
-        </template>
 
         <b-card no-body>
           <b-tabs card pills align="center" content-class="" nav-wrapper-class="bg-purple-200">
@@ -77,11 +18,40 @@
               <b-tabs
                 pills
                 align="center"
+                vertical
                 content-class="p-2"
                 nav-wrapper-class="bg-purple-100 py-2"
               >
                 <b-tab no-body title="Tree" active>
-                  <div class="p-2 flex flex-row justify-center gap-4">
+                  <b-dropdown
+                    class="pb-2"
+                    toggle-class="flex flex-row items-center gap-2"
+                    variant="outline-primary"
+                  >
+                    <template #button-content>
+                      <font-awesome-icon icon="sliders-h"></font-awesome-icon>
+                    </template>
+                    <b-dropdown-text>
+                      <b-form-group label="Visible generations" class="w-36">
+                        <vue-slider
+                          v-model="maxVisibleDepth"
+                          :min="1"
+                          :max="20"
+                          :interval="1"
+                        ></vue-slider>
+                      </b-form-group>
+                    </b-dropdown-text>
+                    <b-dropdown-text>
+                      <b-form-group label="Tree zoom" class="w-36">
+                        <vue-slider
+                          v-model="zoom"
+                          :min="0.1"
+                          :max="1"
+                          :interval="0.05"
+                        ></vue-slider> </b-form-group
+                    ></b-dropdown-text>
+                  </b-dropdown>
+                  <!-- <div class="p-2 flex flex-row justify-center gap-4">
                     <b-form-group label="Visible generations" class="w-36">
                       <vue-slider
                         v-model="maxVisibleDepth"
@@ -94,7 +64,7 @@
                     <b-form-group label="Tree zoom" class="w-36">
                       <vue-slider v-model="zoom" :min="0.1" :max="1" :interval="0.05"></vue-slider>
                     </b-form-group>
-                  </div>
+                  </div> -->
                   <div class="flex flex-col items-start overflow-auto toolkit-scroll pb-4">
                     <package-history-tile
                       :ancestorTree="ancestorTree"
@@ -173,25 +143,42 @@
             <b-tab no-body title="Child Packages">
               <b-tabs
                 pills
+                vertical
                 align="center"
                 content-class="p-2"
                 nav-wrapper-class="bg-purple-100 py-2"
               >
                 <b-tab no-body title="Tree">
-                  <div class="p-2 flex flex-row justify-center gap-4">
-                    <b-form-group label="Visible generations" class="w-36">
-                      <vue-slider
-                        v-model="maxVisibleDepth"
-                        :min="1"
-                        :max="20"
-                        :interval="1"
-                      ></vue-slider>
-                    </b-form-group>
+                  <b-dropdown
+                    class="pb-2"
+                    toggle-class="flex flex-row items-center gap-2"
+                    variant="outline-primary"
+                  >
+                    <template #button-content>
+                      <font-awesome-icon icon="sliders-h"></font-awesome-icon>
+                    </template>
+                    <b-dropdown-text>
+                      <b-form-group label="Visible generations" class="w-36">
+                        <vue-slider
+                          v-model="maxVisibleDepth"
+                          :min="1"
+                          :max="20"
+                          :interval="1"
+                        ></vue-slider>
+                      </b-form-group>
+                    </b-dropdown-text>
+                    <b-dropdown-text>
+                      <b-form-group label="Tree zoom" class="w-36">
+                        <vue-slider
+                          v-model="zoom"
+                          :min="0.1"
+                          :max="1"
+                          :interval="0.05"
+                        ></vue-slider> </b-form-group
+                    ></b-dropdown-text>
+                  </b-dropdown>
 
-                    <b-form-group label="Tree zoom" class="w-36">
-                      <vue-slider v-model="zoom" :min="0.1" :max="1" :interval="0.05"></vue-slider>
-                    </b-form-group>
-                  </div>
+                  <!-- <div class="p-2 flex flex-row justify-center gap-4"></div> -->
                   <div class="flex flex-col items-start overflow-auto toolkit-scroll pb-4">
                     <package-history-tile
                       :childTree="childTree"
@@ -351,6 +338,70 @@
               </div>
             </b-tab>
           </b-tabs>
+          <template v-if="sourcePackage">
+            <b-card-footer>
+              <div class="flex flex-col gap-4 items-center">
+                <div v-if="maxLookupDepth !== null" class="text-red-500 text-center">
+                  You have set a generation limit of {{ maxLookupDepth }}. The displayed results may
+                  not be complete.
+                </div>
+
+                <div v-if="status === PackageHistoryStatus.HALTED" class="text-red-500 text-center">
+                  You stopped the lookup process. The displayed results may not be complete.
+                </div>
+
+                <template v-if="status == PackageHistoryStatus.INFLIGHT">
+                  <div class="flex flex-row justify-center items-center gap-2">
+                    <b-spinner small></b-spinner>
+                    <span>Building history, this can take a minute...</span>
+                  </div>
+                </template>
+                <div class="flex flex-row justify-center items-center gap-8 w-60">
+                  <template v-if="status === PackageHistoryStatus.INFLIGHT">
+                    <b-button @click="halt({})" variant="outline-danger"> STOP </b-button>
+                    <div class="flex flex-row items-center gap-2">
+                      <b-form-input
+                        class="w-48"
+                        v-model="maxLookupDepth"
+                        @change="maybeSetMaxVisibleDepth($event)"
+                        placeholder="Generation limit"
+                        type="number"
+                        step="1"
+                        min="0"
+                      ></b-form-input>
+
+                      <b-badge
+                        variant="info"
+                        v-b-tooltip.hover
+                        title="How many generations to look up? A smaller number will finish faster."
+                        >?</b-badge
+                      >
+                    </div>
+                  </template>
+                  <template v-if="status === PackageHistoryStatus.ERROR">
+                    <div class="text-red-500">
+                      <span
+                        >Something went wrong while generating the history. See log for
+                        detail.</span
+                      >
+                    </div>
+                  </template>
+
+                  <template
+                    v-if="
+                      status === PackageHistoryStatus.SUCCESS ||
+                      status === PackageHistoryStatus.ERROR ||
+                      status === PackageHistoryStatus.HALTED
+                    "
+                  >
+                    <b-button @click="setPackage({ pkg: null })" variant="outline-primary">
+                      RESET
+                    </b-button>
+                  </template>
+                </div>
+              </div>
+            </b-card-footer>
+          </template>
         </b-card>
       </div>
       <!-- </template> -->
diff --git a/src/utils/package.ts b/src/utils/package.ts
index 0ab833eb..80dc61d3 100755
--- a/src/utils/package.ts
+++ b/src/utils/package.ts
@@ -190,10 +190,6 @@ export async function getParentPackageHistoryTreeImpl({
   rootContext: IRootAncestorHistoryContext;
   depth: number;
 }): Promise<IPackageAncestorTreeNode> {
-  // if (store.state.packageHistory.status !== PackageHistoryStatus.INFLIGHT) {
-  //   throw new Error(`Status: ${store.state.packageHistory.status}, exiting`);
-  // }
-
   if (rootContext.treeNodeCache.has(label)) {
     store.dispatch(`packageHistory/${PackageHistoryActions.LOG_EVENT}`, {
       event: `Cache hit for ${label}`,