diff --git a/src/lib/feedview/Loader.svelte b/src/lib/UrlLoader.svelte
similarity index 86%
rename from src/lib/feedview/Loader.svelte
rename to src/lib/UrlLoader.svelte
index 53368c4..c51dbfd 100644
--- a/src/lib/feedview/Loader.svelte
+++ b/src/lib/UrlLoader.svelte
@@ -9,11 +9,12 @@
 -->
 
 <script lang="ts">
-  import { appStore } from "$lib/store";
   import { goto } from "$app/navigation";
   import { onMount } from "svelte";
   import { page } from "$app/stores";
-  import { base } from "$app/paths";
+  export let baseroute: string;
+  export let tooltiptext: string;
+  export let errormessage: string;
   let url = "";
   /**
    * onMount set url if given via query param.
@@ -28,7 +29,7 @@
    * load loads provider metadata / feed and reroute to given URL.
    */
   const load = () => {
-    goto(`${base}/feed?q=${url}`);
+    goto(baseroute + url);
   };
 
   /**
@@ -42,7 +43,7 @@
 
 <div class="row">
   <div class="col-12 outline">
-    <div class="urlcontainer" title="URL to fetch Advisory from">
+    <div class="urlcontainer" title={tooltiptext}>
       <span class="prepend">
         <i class="bx bx-file" />
         <span class="prependtext">URL</span>
@@ -60,11 +61,10 @@
     </div>
   </div>
 </div>
-{#if $appStore.ui.feedErrorMsg}
+{#if errormessage}
   <div class="row">
-    <div class="col-6 col-3-lg" />
-    <div class="col-6 col-9-lg">
-      <div class="errors text-error">{$appStore.ui.feedErrorMsg}</div>
+    <div class="col">
+      <div class="errors text-error">{errormessage}</div>
     </div>
   </div>
 {/if}
diff --git a/src/lib/feedview/FeedView.svelte b/src/lib/feedview/FeedView.svelte
index 75071d5..4831dd2 100644
--- a/src/lib/feedview/FeedView.svelte
+++ b/src/lib/feedview/FeedView.svelte
@@ -12,11 +12,16 @@
   import Back from "$lib/Back.svelte";
   import Collapsible from "$lib/Collapsible.svelte";
   import Feed from "./feed/Feed.svelte";
-  import Loader from "./Loader.svelte";
   import Overview from "./feed/Overview.svelte";
+  import UrlLoader from "$lib/UrlLoader.svelte";
+  import { base } from "$app/paths";
 </script>
 
-<Loader />
+<UrlLoader
+  baseroute={`${base}/feed?q=`}
+  tooltiptext={"URL to fetch provider metadata or ROLIE-feed"}
+  errormessage={$appStore.ui.feedErrorMsg}
+/>
 <Overview />
 {#if $appStore.currentFeed}
   <Collapsible
diff --git a/src/lib/singleview/LoadFromURL.svelte b/src/lib/singleview/LoadFromURL.svelte
deleted file mode 100644
index d11c936..0000000
--- a/src/lib/singleview/LoadFromURL.svelte
+++ /dev/null
@@ -1,113 +0,0 @@
-<!--
- This file is Free Software under the MIT License
- without warranty, see README.md and LICENSES/MIT.txt for details.
-
- SPDX-License-Identifier: MIT
-
- SPDX-FileCopyrightText: 2023 German Federal Office for Information Security (BSI) <https://www.bsi.bund.de>
- Software-Engineering: 2023 Intevation GmbH <https://intevation.de>
--->
-
-<script lang="ts">
-  import { appStore } from "$lib/store";
-  import { goto } from "$app/navigation";
-  import { base } from "$app/paths";
-  import { onMount } from "svelte";
-  import { page } from "$app/stores";
-  let URL = "";
-  /**
-   * onMount sets the URL when a query parameter was given.
-   */
-  onMount(() => {
-    if (/^\?q=/.test($page.url.search)) {
-      URL = $page.url.searchParams.get("q") || "";
-    }
-  });
-  /**
-   * loads a single CSAF document and routes to according URL.
-   */
-  const loads = () => {
-    goto(`${base}/?q=${URL}`);
-  };
-  /**
-   * keydown listnes for "Enter" to start loading.
-   * @param e
-   */
-  const keydown = (e: KeyboardEvent) => {
-    if (e.key === "Enter") {
-      loads();
-    }
-  };
-</script>
-
-<div class="row">
-  <div class="col-12 outline">
-    <div class="urlcontainer" title="URL to fetch Advisory from">
-      <span class="prepend">
-        <i class="bx bx-file" /><span class="prependtext">URL</span>
-      </span>
-      <input class="urlinput" type="text" bind:value={URL} on:keydown={keydown} />
-      {#if URL}
-        <span class="postpend" title="Discard search">
-          <button
-            on:click={() => {
-              URL = "";
-            }}><i class="bx bx-x" /></button
-          >
-        </span>
-      {/if}
-    </div>
-  </div>
-</div>
-{#if $appStore.ui.singleErrorMsg}
-  <div class="row">
-    <div class="col-12">
-      <div class="errors text-error">{$appStore.ui.singleErrorMsg}</div>
-    </div>
-  </div>
-{/if}
-
-<style>
-  .errors {
-    font-size: x-large;
-    font-weight: bold;
-  }
-  .outline {
-    padding: 0.5rem;
-    border: 1px solid #d2d6dd;
-    border-radius: 5px;
-  }
-  .bx-x {
-    font-size: larger;
-  }
-  .postpend {
-    line-height: 1.1rem;
-  }
-  .postpend button {
-    background: #fff;
-  }
-  .prepend {
-    padding-left: 1rem;
-    width: 7rem;
-    white-space: nowrap;
-  }
-  .prependtext {
-    margin-left: 0.1rem;
-  }
-  .urlinput {
-    border: 0;
-  }
-  input:focus {
-    outline: 0 !important;
-    border: 0;
-    border-color: #fff;
-    border-radius: 0;
-    box-shadow: none;
-    -webkit-box-shadow: none;
-  }
-  .urlcontainer {
-    display: flex;
-    align-items: center;
-    height: 40px;
-  }
-</style>
diff --git a/src/lib/singleview/SingleView.svelte b/src/lib/singleview/SingleView.svelte
index c4bba60..8eda6cf 100644
--- a/src/lib/singleview/SingleView.svelte
+++ b/src/lib/singleview/SingleView.svelte
@@ -13,11 +13,12 @@
   import Collapsible from "$lib/Collapsible.svelte";
   import Droparea from "$lib/singleview/Droparea.svelte";
   import General from "$lib/singleview/general/General.svelte";
-  import LoadFromUrl from "./LoadFromURL.svelte";
   import ProductTree from "./producttree/ProductTree.svelte";
   import ProductVulnerabilities from "$lib/singleview/productvulnerabilities/ProductVulnerabilities.svelte";
   import Upload from "./Upload.svelte";
   import Vulnerabilities from "./vulnerabilities/Vulnerabilities.svelte";
+  import UrlLoader from "$lib/UrlLoader.svelte";
+  import { base } from "$app/paths";
   $: isCSAF = !(
     !$appStore.doc?.isRevisionHistoryPresent &&
     !$appStore.doc?.isDocPresent &&
@@ -30,7 +31,11 @@
 </script>
 
 <div class="loadfromurl">
-  <LoadFromUrl />
+  <UrlLoader
+    baseroute={`${base}/?q=`}
+    tooltiptext={"URL to fetch Advisory from"}
+    errormessage={$appStore.ui.singleErrorMsg}
+  />
 </div>
 <div class="row">
   <div class="col-6 col-3-lg">