diff --git a/frontend/components/Domain/Recipe/RecipeCardSection.vue b/frontend/components/Domain/Recipe/RecipeCardSection.vue
index 4321c6d2e..5600e5853 100644
--- a/frontend/components/Domain/Recipe/RecipeCardSection.vue
+++ b/frontend/components/Domain/Recipe/RecipeCardSection.vue
@@ -167,6 +167,7 @@
:loading="loading"
/>
+
diff --git a/frontend/components/Layout/LayoutParts/AppScrollToTop.vue b/frontend/components/Layout/LayoutParts/AppScrollToTop.vue
new file mode 100644
index 000000000..eaddd2627
--- /dev/null
+++ b/frontend/components/Layout/LayoutParts/AppScrollToTop.vue
@@ -0,0 +1,38 @@
+
+
+
+ {{ $globals.icons.arrowUp }}
+
+
+
+
+
diff --git a/frontend/lib/icons/icons.ts b/frontend/lib/icons/icons.ts
index f4482bc3d..261ab30f2 100644
--- a/frontend/lib/icons/icons.ts
+++ b/frontend/lib/icons/icons.ts
@@ -11,6 +11,7 @@ import {
mdiArrowLeftBoldOutline,
mdiArrowRightBold,
mdiArrowRightBoldOutline,
+ mdiArrowUp,
mdiBackupRestore,
mdiBeakerOutline,
mdiBellAlert,
@@ -177,6 +178,7 @@ export const icons = {
api: mdiApi,
arrowLeftBold: mdiArrowLeftBold,
arrowRightBold: mdiArrowRightBold,
+ arrowUp: mdiArrowUp,
arrowUpDown: mdiDrag,
backupRestore: mdiBackupRestore,
bellAlert: mdiBellAlert,