diff --git a/src/lib/components/TextAppearanceSelector.svelte b/src/lib/components/TextAppearanceSelector.svelte
index a740fa52b..0ae4a3c41 100644
--- a/src/lib/components/TextAppearanceSelector.svelte
+++ b/src/lib/components/TextAppearanceSelector.svelte
@@ -106,7 +106,7 @@ The navbar component. We have sliders that update reactively to both font size a
                 <!-- Sliders for when text appearence text size is implemented place holder no functionality-->
                 {#if showFontSize}
                     <div class="grid gap-4 items-center range-row m-2">
-                        <TextAppearanceIcon color={$monoIconColor} size="1.5rem" />
+                        <TextAppearanceIcon color={$monoIconColor} />
                         <Slider
                             bind:value={$bodyFontSize}
                             {barColor}
@@ -121,7 +121,7 @@ The navbar component. We have sliders that update reactively to both font size a
                 {/if}
                 {#if showLineHeight}
                     <div class="grid gap-4 items-center range-row m-2">
-                        <ImageIcon.FormatLineSpacing color={$monoIconColor} size="1.5rem" />
+                        <ImageIcon.FormatLineSpacing color={$monoIconColor} />
                         <Slider
                             bind:value={$bodyLineHeight}
                             {barColor}
@@ -136,7 +136,7 @@ The navbar component. We have sliders that update reactively to both font size a
                 {/if}
                 {#if showFonts}
                     <div class="grid gap-4 items-center range-row m-2">
-                        <ImageIcon.FontChoice color={$monoIconColor} size="1.5rem" />
+                        <ImageIcon.FontChoice color={$monoIconColor} />
                         <button
                             class="dy-btn-sm col-span-2 rounded"
                             style:border="1px dotted"
diff --git a/src/lib/data/scripture.js b/src/lib/data/scripture.js
index b966c1fe5..425d2cdbf 100644
--- a/src/lib/data/scripture.js
+++ b/src/lib/data/scripture.js
@@ -6,7 +6,7 @@ import { pk } from '$lib/data/stores/pk';
 import config from '$lib/data/config';
 // import { refs } from '$lib/data/stores/scripture';
 
-export async function initProskomma() {
+export async function initProskomma({ fetch }) {
     let proskomma = get(pk);
     if (!proskomma) {
         proskomma = new Proskomma();
@@ -15,14 +15,14 @@ export async function initProskomma() {
         if (!docSet) {
             docSet = config.bookCollections[0].languageCode + '_' + config.bookCollections[0].id;
         }
-        await loadDocSet(proskomma, docSet);
+        await loadDocSet(proskomma, docSet, fetch);
         pk.set(proskomma);
     }
 
     return proskomma;
 }
 
-export async function loadDocSet(proskomma, docSet) {
+export async function loadDocSet(proskomma, docSet, fetch) {
     performance.mark('pk-fetch-start');
     // console.log('fetch %o pkf', docSet);
     const res = await fetch(`${base}/collections/${docSet}.pkf`).then((r) => {
diff --git a/src/routes/+page.js b/src/routes/+page.js
index 730be1d0d..8474e6cb2 100644
--- a/src/routes/+page.js
+++ b/src/routes/+page.js
@@ -1,10 +1,10 @@
 import { initProskomma } from '$lib/data/scripture';
 
 /** @type {import('./$types').PageLoad} */
-export function load({ url }) {
+export function load({ url, fetch }) {
     const ref = url.searchParams.get('ref');
     const audio = url.searchParams.get('audio');
-    const proskomma = initProskomma();
+    const proskomma = initProskomma({ fetch });
 
     return { ref, audio, proskomma };
 }