diff --git a/src/lib/BasicDropdown/BasicDropdown.svelte b/src/lib/BasicDropdown/BasicDropdown.svelte
index 3c1472f7..a00b556d 100644
--- a/src/lib/BasicDropdown/BasicDropdown.svelte
+++ b/src/lib/BasicDropdown/BasicDropdown.svelte
@@ -1,7 +1,7 @@
 <script>
   import { createEventDispatcher } from "svelte";
   import { urbanColors } from "$lib/utils";
-  import "$lib/style/app.css";
+  import "../style/app.css";
 
   // define arguments
 
diff --git a/src/lib/HeadingAlt/HeadingAlt.svelte b/src/lib/HeadingAlt/HeadingAlt.svelte
index 273aed21..32eef86f 100644
--- a/src/lib/HeadingAlt/HeadingAlt.svelte
+++ b/src/lib/HeadingAlt/HeadingAlt.svelte
@@ -1,5 +1,5 @@
 <script>
-  import "$lib/style/app.css";
+  import "../style/app.css";
   export let content = "";
 </script>
 
diff --git a/src/lib/Navbar/Navbar.svelte b/src/lib/Navbar/Navbar.svelte
index 655c8edf..c5a2d35d 100644
--- a/src/lib/Navbar/Navbar.svelte
+++ b/src/lib/Navbar/Navbar.svelte
@@ -1,5 +1,5 @@
 <script>
-  import "$lib/style/app.css";
+  import "../style/app.css";
   import LogoUrban from "$lib/LogoUrbanBadge/LogoUrbanBadge.svelte";
   import LogoTPC from "$lib/LogoTPCBadge/LogoTPCBadge.svelte";
 
diff --git a/src/lib/ProjectCredits/ProjectCredits.svelte b/src/lib/ProjectCredits/ProjectCredits.svelte
index 6bbe6c4e..4b547b31 100644
--- a/src/lib/ProjectCredits/ProjectCredits.svelte
+++ b/src/lib/ProjectCredits/ProjectCredits.svelte
@@ -2,6 +2,7 @@
   import Heading from "$lib/HeadingAlt/HeadingAlt.svelte";
   import TextBlock from "$lib/TextBlock/TextBlock.svelte";
   import Block from "$lib/Block/Block.svelte"
+  import "../style/app.css";
 
   /**
    * Heading to display above credits block
diff --git a/src/lib/Scorecard/Scorecard.svelte b/src/lib/Scorecard/Scorecard.svelte
index b5843b75..bf76f092 100644
--- a/src/lib/Scorecard/Scorecard.svelte
+++ b/src/lib/Scorecard/Scorecard.svelte
@@ -1,5 +1,5 @@
 <script>
-  import "$lib/style/app.css";
+  import "../style/app.css";
   /**
    * @type {string} Scorecard value
    */
diff --git a/src/lib/TextBlock/TextBlock.svelte b/src/lib/TextBlock/TextBlock.svelte
index f210e22d..cef77ede 100644
--- a/src/lib/TextBlock/TextBlock.svelte
+++ b/src/lib/TextBlock/TextBlock.svelte
@@ -1,5 +1,5 @@
 <script>
-  import "$lib/style/app.css";
+  import "../style/app.css";
   import Block from "$lib/Block/Block.svelte";
   /**
    * The text to display in the block. Allows HTML content.
diff --git a/src/lib/index.js b/src/lib/index.js
index cca755d8..6e356834 100644
--- a/src/lib/index.js
+++ b/src/lib/index.js
@@ -1,3 +1,10 @@
 // Reexport your entry components here
 export { default as BasicDropdown } from './BasicDropdown/BasicDropdown.svelte';
 export { default as Scorecard } from './Scorecard/Scorecard.svelte';
+export { default as HeadingAlt } from './HeadingAlt/HeadingAlt.svelte';
+export { default as LogoTPCBadge } from './LogoTPCBadge/LogoTPCBadge.svelte';
+export { default as LogoUrbanBadge } from './LogoUrbanBadge/LogoUrbanBadge.svelte';
+export { default as Navbar } from './Navbar/Navbar.svelte';
+export { default as ProjectCredits } from './ProjectCredits/ProjectCredits.svelte';
+export { default as SocialShare } from './SocialShare/SocialShare.svelte';
+export { default as TextBlock } from './TextBlock/TextBlock.svelte';
diff --git a/src/stories/TPCColors.mdx b/src/stories/TPCColors.mdx
index 6c2e7a97..912964ea 100644
--- a/src/stories/TPCColors.mdx
+++ b/src/stories/TPCColors.mdx
@@ -1,5 +1,5 @@
 import { Meta, ColorPalette, ColorItem } from "@storybook/blocks";
-import { tpcColors } from "$lib/utils";
+import { tpcColors } from "../lib/utils";
 
 <Meta title="utils/tpcColors" />