diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index e0f86c39fa..8b9fe4c3a1 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -50,6 +50,7 @@ module.exports = {
 			alias: {
 				map: [
 					['#src', resolve('src')],
+					['#kv-components', resolve('node_modules/@kiva/kv-components/dist/components')],
 				],
 				extensions: ['.js', '.mjs', '.vue'],
 			},
diff --git a/.storybook/preview.js b/.storybook/preview.js
index 4a48033362..7bd4a955aa 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -2,7 +2,7 @@ import { setup } from '@storybook/vue3';
 import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
 import { VueHeadMixin, createHead } from '@unhead/vue';
 import { createRouter, createWebHistory } from 'vue-router';
-import KvThemeProvider from '@kiva/kv-components/dist/components/KvThemeProvider.vue';
+import KvThemeProvider from '#kv-components/KvThemeProvider';
 import { defaultTheme } from '@kiva/kv-tokens/configs/kivaColors.cjs';
 import changeCaseFilter from '../src/plugins/change-case-filter';
 import numeralFilter from '../src/plugins/numeral-filter';
diff --git a/.storybook/stories/KivaClassicSingleCategoryCarousel.stories.js b/.storybook/stories/KivaClassicSingleCategoryCarousel.stories.js
index f90ba3945f..8174715ef3 100644
--- a/.storybook/stories/KivaClassicSingleCategoryCarousel.stories.js
+++ b/.storybook/stories/KivaClassicSingleCategoryCarousel.stories.js
@@ -1,8 +1,8 @@
 import KivaClassicSingleCategoryCarousel from '#src/components/LoanCollections/KivaClassicSingleCategoryCarousel.vue';
 import apolloStoryMixin from '../mixins/apollo-story-mixin';
 import cookieStoreStoryMixin from '../mixins/cookie-store-story-mixin';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 import loanData from '../mock-data/loan-data-mock';
 
 const queryResult = {
diff --git a/.storybook/stories/KivaMultiCategoryGrid.stories.js b/.storybook/stories/KivaMultiCategoryGrid.stories.js
index 9e9effe87f..b219e5b404 100644
--- a/.storybook/stories/KivaMultiCategoryGrid.stories.js
+++ b/.storybook/stories/KivaMultiCategoryGrid.stories.js
@@ -2,7 +2,7 @@ import KivaLoanCardCategory from '#src/components/LoanCollections/HomeExp/KivaLo
 import apolloStoryMixin from '../mixins/apollo-story-mixin';
 import cookieStoreStoryMixin from '../mixins/cookie-store-story-mixin';
 import LoanCategorySelectorHomeExp from '#src/components/LoanCollections/HomeExp/LoanCategorySelectorHomeExp';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvGrid from '#kv-components/KvGrid';
 import loanData from '../mock-data/loan-data-mock';
 
 const queryResult = {
diff --git a/.storybook/stories/KvFrequentlyAskedQuestions.stories.js b/.storybook/stories/KvFrequentlyAskedQuestions.stories.js
index 261af39b04..968577edd2 100644
--- a/.storybook/stories/KvFrequentlyAskedQuestions.stories.js
+++ b/.storybook/stories/KvFrequentlyAskedQuestions.stories.js
@@ -1,6 +1,6 @@
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
 import KvFrequentlyAskedQuestions from '#src/components/Kv/KvFrequentlyAskedQuestions';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 const args = {
 	frequentlyAskedQuestionsHeadline: 'Questions',
diff --git a/.storybook/stories/LoanSpotlight.stories.js b/.storybook/stories/LoanSpotlight.stories.js
index 12904c7d7b..a877ae84f9 100644
--- a/.storybook/stories/LoanSpotlight.stories.js
+++ b/.storybook/stories/LoanSpotlight.stories.js
@@ -1,8 +1,8 @@
 import LoanSpotlight from '#src/components/Categories/LoanSpotlight';
 import apolloStoryMixin from '../mixins/apollo-story-mixin';
 import cookieStoreStoryMixin from '../mixins/cookie-store-story-mixin';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 const loanHorizontal = {
 	id: 2389631,
diff --git a/.storybook/stories/MainCategoryTile.stories.js b/.storybook/stories/MainCategoryTile.stories.js
index 151cf66ff7..b6a8ac80a6 100644
--- a/.storybook/stories/MainCategoryTile.stories.js
+++ b/.storybook/stories/MainCategoryTile.stories.js
@@ -1,6 +1,6 @@
 import MainCategoryTile from '#src/components/Categories/MainCategoryTile';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	title: 'Components/Main Category Tile',
diff --git a/.storybook/stories/PortfolioKivaCreditStats.stories.js b/.storybook/stories/PortfolioKivaCreditStats.stories.js
index f3a8ec700f..bcc0ccd0ed 100644
--- a/.storybook/stories/PortfolioKivaCreditStats.stories.js
+++ b/.storybook/stories/PortfolioKivaCreditStats.stories.js
@@ -1,5 +1,5 @@
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 import KivaCreditStats from '#src/pages/Portfolio/ImpactDashboard/KivaCreditStats';
 
 import apolloStoryMixin from '../mixins/apollo-story-mixin';
diff --git a/.storybook/stories/SupportedByLenders.stories.js b/.storybook/stories/SupportedByLenders.stories.js
index 752be9c178..9dd768ec18 100644
--- a/.storybook/stories/SupportedByLenders.stories.js
+++ b/.storybook/stories/SupportedByLenders.stories.js
@@ -1,6 +1,6 @@
 import SupportedByLenders from '#src/components/BorrowerProfile/SupportedByLenders';
 import activities from '../mock-data/activity-feed-data-mock';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
 
 export default {
 	title: 'Components/SupportedByLenders',
diff --git a/src/components/AutoDeposit/AutoDepositDropInPaymentWrapper.vue b/src/components/AutoDeposit/AutoDepositDropInPaymentWrapper.vue
index 1bf7fdf256..86989c1f06 100644
--- a/src/components/AutoDeposit/AutoDepositDropInPaymentWrapper.vue
+++ b/src/components/AutoDeposit/AutoDepositDropInPaymentWrapper.vue
@@ -39,7 +39,7 @@ import braintreeUpdateSubscriptionPaymentMethod from
 	'#src/graphql/mutation/braintreeUpdateSubscriptionPaymentMethod.graphql';
 
 import KvIcon from '#src/components/Kv/KvIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'AutoDepositDropInPaymentWrapper',
diff --git a/src/components/AutoDeposit/AutoDepositSignUpForm.vue b/src/components/AutoDeposit/AutoDepositSignUpForm.vue
index ec3d28b8e1..12c33ac98d 100644
--- a/src/components/AutoDeposit/AutoDepositSignUpForm.vue
+++ b/src/components/AutoDeposit/AutoDepositSignUpForm.vue
@@ -172,11 +172,11 @@ import KvLoadingOverlay from '#src/components/Kv/KvLoadingOverlay';
 
 import userIdQuery from '#src/graphql/query/userId.graphql';
 import { mdiPencil } from '@mdi/js';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvButton from '#kv-components/KvButton';
+import KvCheckbox from '#kv-components/KvCheckbox';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvSelect from '#kv-components/KvSelect';
+import KvTextInput from '#kv-components/KvTextInput';
 
 let frozenDropdownOptions;
 
diff --git a/src/components/BorrowerProfile/BorrowerBusinessDetails.vue b/src/components/BorrowerProfile/BorrowerBusinessDetails.vue
index 3e4f86d139..6671da317a 100644
--- a/src/components/BorrowerProfile/BorrowerBusinessDetails.vue
+++ b/src/components/BorrowerProfile/BorrowerBusinessDetails.vue
@@ -57,7 +57,7 @@
 <script>
 import { mdiArrowTopRight } from '@mdi/js';
 import * as Sentry from '@sentry/vue';
-import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
+import KvTextLink from '#kv-components/KvTextLink';
 import { defineAsyncComponent } from 'vue';
 
 const TwitterLogo = defineAsyncComponent(() => import('#src/assets/inline-svgs/logos/twitter-logo.svg'));
diff --git a/src/components/BorrowerProfile/ChallengeTeamInvite.vue b/src/components/BorrowerProfile/ChallengeTeamInvite.vue
index c91a8dbfa4..cab4cf4446 100644
--- a/src/components/BorrowerProfile/ChallengeTeamInvite.vue
+++ b/src/components/BorrowerProfile/ChallengeTeamInvite.vue
@@ -33,8 +33,8 @@
 
 <script>
 import { mdiArrowTopRight, mdiClose } from '@mdi/js';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
-import KvToast from '@kiva/kv-components/dist/components/KvToast';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
+import KvToast from '#kv-components/KvToast';
 
 export default {
 	name: 'ChallengeTeamInvite',
diff --git a/src/components/BorrowerProfile/CommentsAndWhySpecial.vue b/src/components/BorrowerProfile/CommentsAndWhySpecial.vue
index cf31f8071b..c8f18c91a8 100644
--- a/src/components/BorrowerProfile/CommentsAndWhySpecial.vue
+++ b/src/components/BorrowerProfile/CommentsAndWhySpecial.vue
@@ -207,12 +207,12 @@ import logFormatter from '#src/util/logFormatter';
 import WhySpecial from '#src/components/BorrowerProfile/WhySpecial';
 import clickOutside from '#src/plugins/click-outside';
 import BorrowerImage from '#src/components/BorrowerProfile/BorrowerImage';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvRadio from '@kiva/kv-components/dist/components/KvRadio';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvCarousel from '#kv-components/KvCarousel';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvRadio from '#kv-components/KvRadio';
+import KvButton from '#kv-components/KvButton';
 import kivaKUrl from '#src/assets/images/kiva_k.svg?url';
 
 export default {
diff --git a/src/components/BorrowerProfile/ContentContainer.vue b/src/components/BorrowerProfile/ContentContainer.vue
index 561c23c1fe..2cbdda5edb 100644
--- a/src/components/BorrowerProfile/ContentContainer.vue
+++ b/src/components/BorrowerProfile/ContentContainer.vue
@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'ContentContainer',
diff --git a/src/components/BorrowerProfile/CountryInfo.vue b/src/components/BorrowerProfile/CountryInfo.vue
index 13732b9aef..234b752548 100644
--- a/src/components/BorrowerProfile/CountryInfo.vue
+++ b/src/components/BorrowerProfile/CountryInfo.vue
@@ -65,8 +65,8 @@ import { gql } from 'graphql-tag';
 import numeral from 'numeral';
 import { createIntersectionObserver } from '#src/util/observerUtils';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvUiButton from '@kiva/kv-components/dist/components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvUiButton from '#kv-components/KvButton';
 
 export default {
 	name: 'CountryInfo',
diff --git a/src/components/BorrowerProfile/DetailsTabs.vue b/src/components/BorrowerProfile/DetailsTabs.vue
index 567e0fac50..b40f74edd2 100644
--- a/src/components/BorrowerProfile/DetailsTabs.vue
+++ b/src/components/BorrowerProfile/DetailsTabs.vue
@@ -112,12 +112,12 @@
 import { gql } from 'graphql-tag';
 import { formatContentGroupsFlat } from '#src/util/contentfulUtils';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import { documentToHtmlString } from '@contentful/rich-text-html-renderer';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvTab from '@kiva/kv-components/dist/components/KvTab';
-import KvTabPanel from '@kiva/kv-components/dist/components/KvTabPanel';
-import KvTabs from '@kiva/kv-components/dist/components/KvTabs';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvTab from '#kv-components/KvTab';
+import KvTabPanel from '#kv-components/KvTabPanel';
+import KvTabs from '#kv-components/KvTabs';
 import FieldPartnerDetails from './FieldPartnerDetails';
 import LoanDetails from './LoanDetails';
 import TrusteeDetails from './TrusteeDetails';
diff --git a/src/components/BorrowerProfile/FieldPartnerDetails.vue b/src/components/BorrowerProfile/FieldPartnerDetails.vue
index e63cecf884..2f0afed9fd 100644
--- a/src/components/BorrowerProfile/FieldPartnerDetails.vue
+++ b/src/components/BorrowerProfile/FieldPartnerDetails.vue
@@ -123,8 +123,8 @@ import {
 } from '@mdi/js';
 import numeral from 'numeral';
 import DescriptionListItem from '#src/components/BorrowerProfile/DescriptionListItem';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvTextLink from '#kv-components/KvTextLink';
 
 export default {
 	name: 'FieldPartnerDetails',
diff --git a/src/components/BorrowerProfile/FundedBorrowerProfile.vue b/src/components/BorrowerProfile/FundedBorrowerProfile.vue
index 025aa8eaf4..6796493687 100644
--- a/src/components/BorrowerProfile/FundedBorrowerProfile.vue
+++ b/src/components/BorrowerProfile/FundedBorrowerProfile.vue
@@ -114,8 +114,8 @@ import personalizedLoansQuery from '#src/graphql/query/lendByCategory/personaliz
 import mlLoansYouMightLikeData from '#src/graphql/query/loansYouMightLike/mlLoansYouMightLikeData.graphql';
 import LoanCardController from '#src/components/LoanCards/LoanCardController';
 import { FLSS_ORIGIN_BP_FUNDED } from '#src/util/flssUtils';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'FundedBorrowerProfile',
diff --git a/src/components/BorrowerProfile/HeroBackground.vue b/src/components/BorrowerProfile/HeroBackground.vue
index 3edc50aabb..9860f438ec 100644
--- a/src/components/BorrowerProfile/HeroBackground.vue
+++ b/src/components/BorrowerProfile/HeroBackground.vue
@@ -21,7 +21,7 @@
 
 <script>
 import { gql } from 'graphql-tag';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
 
 export default {
 	name: 'HeroBackground',
diff --git a/src/components/BorrowerProfile/JournalUpdates.vue b/src/components/BorrowerProfile/JournalUpdates.vue
index 9f2af09f68..226f08955a 100644
--- a/src/components/BorrowerProfile/JournalUpdates.vue
+++ b/src/components/BorrowerProfile/JournalUpdates.vue
@@ -55,8 +55,8 @@
 
 <script>
 import { createIntersectionObserver } from '#src/util/observerUtils';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvButton from '#kv-components/KvButton';
 import updatesQuery from '#src/graphql/query/loanUpdates.graphql';
 import UpdateDetails from './UpdateDetails';
 
diff --git a/src/components/BorrowerProfile/JumpLinks.vue b/src/components/BorrowerProfile/JumpLinks.vue
index 0b7f0c5eec..465a532ac7 100644
--- a/src/components/BorrowerProfile/JumpLinks.vue
+++ b/src/components/BorrowerProfile/JumpLinks.vue
@@ -30,7 +30,7 @@
 <script>
 import { mdiAccount, mdiFormatListBulleted } from '@mdi/js';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'JumpLinks',
diff --git a/src/components/BorrowerProfile/LendCta.vue b/src/components/BorrowerProfile/LendCta.vue
index 927a3d0658..7cc4dccd4f 100644
--- a/src/components/BorrowerProfile/LendCta.vue
+++ b/src/components/BorrowerProfile/LendCta.vue
@@ -395,10 +395,10 @@ import CompleteLoanWrapper from '#src/components/BorrowerProfile/CompleteLoanWra
 import KvIcon from '#src/components/Kv/KvIcon';
 import KvLoanActivities from '#src/components/Kv/KvLoanActivities';
 import SupportedByLenders from '#src/components/BorrowerProfile/SupportedByLenders';
-import KvUiSelect from '@kiva/kv-components/dist/components/KvSelect';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvUiButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvUiSelect from '#kv-components/KvSelect';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvUiButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
 import { setChallengeCookieData } from '#src/util/teamChallengeUtils';
 
 export default {
diff --git a/src/components/BorrowerProfile/LendersAndTeams.vue b/src/components/BorrowerProfile/LendersAndTeams.vue
index 9ae5b70919..fbcf90410b 100644
--- a/src/components/BorrowerProfile/LendersAndTeams.vue
+++ b/src/components/BorrowerProfile/LendersAndTeams.vue
@@ -154,11 +154,11 @@ import { mdiLightningBolt } from '@mdi/js';
 import { gql } from 'graphql-tag';
 import { createIntersectionObserver } from '#src/util/observerUtils';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvTextLink from '#kv-components/KvTextLink';
 import SupporterDetails from './SupporterDetails';
 
 const teamsQuery = gql`query teamsQuery($loanId: Int!, $limit: Int, $offset: Int, $sortBy: TeamSearchSortByEnum) {
diff --git a/src/components/BorrowerProfile/LoanBookmark.vue b/src/components/BorrowerProfile/LoanBookmark.vue
index d1bd9aa963..9fe8f1c117 100644
--- a/src/components/BorrowerProfile/LoanBookmark.vue
+++ b/src/components/BorrowerProfile/LoanBookmark.vue
@@ -21,8 +21,8 @@
 import { gql } from 'graphql-tag';
 import { mdiBookmarkOutline, mdiBookmark } from '@mdi/js';
 import bookmarkLoan from '#src/util/bookmarkUtil';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'LoanBookmark',
diff --git a/src/components/BorrowerProfile/LoanDescription.vue b/src/components/BorrowerProfile/LoanDescription.vue
index 2fa291e4ed..787c0e2f20 100644
--- a/src/components/BorrowerProfile/LoanDescription.vue
+++ b/src/components/BorrowerProfile/LoanDescription.vue
@@ -91,7 +91,7 @@
 <script>
 import { toParagraphs } from '#src/util/loanUtils';
 import previousLoanDescription from '#src/components/BorrowerProfile/PreviousLoanDescription';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvLightbox from '#kv-components/KvLightbox';
 
 export default {
 	name: 'LoanDescription',
diff --git a/src/components/BorrowerProfile/LoanProgress.vue b/src/components/BorrowerProfile/LoanProgress.vue
index fee47d335c..6fb5747340 100644
--- a/src/components/BorrowerProfile/LoanProgress.vue
+++ b/src/components/BorrowerProfile/LoanProgress.vue
@@ -114,7 +114,7 @@
 <script>
 import { ALLOWED_LOAN_STATUSES } from '#src/util/loanUtils';
 import numeral from 'numeral';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
+import KvProgressBar from '#kv-components/KvProgressBar';
 
 export default {
 	name: 'LoanProgress',
diff --git a/src/components/BorrowerProfile/MoreAboutLoan.vue b/src/components/BorrowerProfile/MoreAboutLoan.vue
index ad229ba3cc..7e2e5d014a 100644
--- a/src/components/BorrowerProfile/MoreAboutLoan.vue
+++ b/src/components/BorrowerProfile/MoreAboutLoan.vue
@@ -107,7 +107,7 @@ import { gql } from 'graphql-tag';
 import { createIntersectionObserver } from '#src/util/observerUtils';
 import BorrowerBusinessDetails from '#src/components/BorrowerProfile/BorrowerBusinessDetails';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'MoreAboutLoan',
diff --git a/src/components/BorrowerProfile/PreviousLoanDescription.vue b/src/components/BorrowerProfile/PreviousLoanDescription.vue
index 17ad775080..f394394a8a 100644
--- a/src/components/BorrowerProfile/PreviousLoanDescription.vue
+++ b/src/components/BorrowerProfile/PreviousLoanDescription.vue
@@ -51,8 +51,8 @@ import { mdiChevronDown } from '@mdi/js';
 import { toParagraphs } from '#src/util/loanUtils';
 import { gql } from 'graphql-tag';
 import KvExpandable from '#src/components/Kv/KvExpandable';
-import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvTextLink from '#kv-components/KvTextLink';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 const previousLoanQuery = gql`query previousLoanQuery($id: Int!) {
 	lend {
diff --git a/src/components/BorrowerProfile/RepaymentSchedule.vue b/src/components/BorrowerProfile/RepaymentSchedule.vue
index 5dd95b5bc6..04b52df262 100644
--- a/src/components/BorrowerProfile/RepaymentSchedule.vue
+++ b/src/components/BorrowerProfile/RepaymentSchedule.vue
@@ -163,8 +163,8 @@ import { gql } from 'graphql-tag';
 import { mdiCheckboxMarkedCircle, mdiMinusCircle } from '@mdi/js';
 import { format, parseISO, isBefore } from 'date-fns';
 import numeral from 'numeral';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvLightbox from '#kv-components/KvLightbox';
 
 const repaymentScheduleQuery = gql`query repaymentScheduleQuery($loanId: Int!) {
 	lend {
diff --git a/src/components/BorrowerProfile/ShareButton.vue b/src/components/BorrowerProfile/ShareButton.vue
index 0585ab6c40..b39f90b069 100644
--- a/src/components/BorrowerProfile/ShareButton.vue
+++ b/src/components/BorrowerProfile/ShareButton.vue
@@ -31,7 +31,7 @@
 import { gql } from 'graphql-tag';
 import { mdiPencilOutline } from '@mdi/js';
 import KvSocialShareButton from '#src/components/Kv/KvSocialShareButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'ShareButton',
diff --git a/src/components/BorrowerProfile/SidebarContainer.vue b/src/components/BorrowerProfile/SidebarContainer.vue
index e7951ecd6c..24ef2454e2 100644
--- a/src/components/BorrowerProfile/SidebarContainer.vue
+++ b/src/components/BorrowerProfile/SidebarContainer.vue
@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'SidebarContainer',
diff --git a/src/components/BorrowerProfile/SummaryCard.vue b/src/components/BorrowerProfile/SummaryCard.vue
index 70cce9d74a..b82a2e1e97 100644
--- a/src/components/BorrowerProfile/SummaryCard.vue
+++ b/src/components/BorrowerProfile/SummaryCard.vue
@@ -112,8 +112,8 @@
 import { gql } from 'graphql-tag';
 import { mdiMapMarker } from '@mdi/js';
 import HeartComment from '#src/assets/icons/inline/heart-comment.svg';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import BorrowerImage from './BorrowerImage';
 import BorrowerName from './BorrowerName';
 import LoanProgress from './LoanProgress';
diff --git a/src/components/BorrowerProfile/SupportedByLenders.vue b/src/components/BorrowerProfile/SupportedByLenders.vue
index dfaa904cbb..9882763a67 100644
--- a/src/components/BorrowerProfile/SupportedByLenders.vue
+++ b/src/components/BorrowerProfile/SupportedByLenders.vue
@@ -22,7 +22,7 @@
 
 <script>
 import { isLegacyPlaceholderAvatar } from '#src/util/imageUtils';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
 
 export default {
 	name: 'SupportedByLenders',
diff --git a/src/components/BorrowerProfile/TopBannerPfp.vue b/src/components/BorrowerProfile/TopBannerPfp.vue
index ed63e7f2b7..3f54c62efe 100644
--- a/src/components/BorrowerProfile/TopBannerPfp.vue
+++ b/src/components/BorrowerProfile/TopBannerPfp.vue
@@ -36,9 +36,9 @@
 
 <script>
 import { mdiInformationOutline } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'TopBannerPfp',
diff --git a/src/components/BorrowerProfile/TrusteeDetails.vue b/src/components/BorrowerProfile/TrusteeDetails.vue
index a6094bcce9..4cf22d44fd 100644
--- a/src/components/BorrowerProfile/TrusteeDetails.vue
+++ b/src/components/BorrowerProfile/TrusteeDetails.vue
@@ -81,7 +81,7 @@
 import { mdiArrowRight } from '@mdi/js';
 import numeral from 'numeral';
 import DescriptionListItem from '#src/components/BorrowerProfile/DescriptionListItem';
-import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
+import KvTextLink from '#kv-components/KvTextLink';
 
 export default {
 	name: 'TrusteeDetails',
diff --git a/src/components/BorrowerProfile/WhySpecial.vue b/src/components/BorrowerProfile/WhySpecial.vue
index 32795e7143..9c0528c52e 100644
--- a/src/components/BorrowerProfile/WhySpecial.vue
+++ b/src/components/BorrowerProfile/WhySpecial.vue
@@ -21,7 +21,7 @@ import { gql } from 'graphql-tag';
 import { createIntersectionObserver } from '#src/util/observerUtils';
 import { formatWhySpecial } from '#src/util/loanUtils';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'WhySpecial',
diff --git a/src/components/Build/BuildPageWrapper.vue b/src/components/Build/BuildPageWrapper.vue
index a59989b25a..c23f0eda5b 100644
--- a/src/components/Build/BuildPageWrapper.vue
+++ b/src/components/Build/BuildPageWrapper.vue
@@ -10,7 +10,7 @@
 
 <script>
 import KvDefaultWrapper from '#src/components/Kv/KvDefaultWrapper';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'BuildPageWrapper',
diff --git a/src/components/Categories/LoanSpotlight.vue b/src/components/Categories/LoanSpotlight.vue
index 5c4943ea81..032d813ed6 100644
--- a/src/components/Categories/LoanSpotlight.vue
+++ b/src/components/Categories/LoanSpotlight.vue
@@ -52,8 +52,8 @@ import { toParagraphs } from '#src/util/loanUtils';
 import { gql } from 'graphql-tag';
 import KvResponsiveImage from '#src/components/Kv/KvResponsiveImage';
 import KvLoadingParagraph from '#src/components/Kv/KvLoadingParagraph';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvButton from '#kv-components/KvButton';
 
 const allChannelsQuery = gql`
 	query allChannelsQuery {
diff --git a/src/components/Categories/MonthlyGoodModule.vue b/src/components/Categories/MonthlyGoodModule.vue
index 22387993c4..8b4280eabf 100644
--- a/src/components/Categories/MonthlyGoodModule.vue
+++ b/src/components/Categories/MonthlyGoodModule.vue
@@ -37,7 +37,7 @@
 
 <script>
 import KvResponsiveImage from '#src/components/Kv/KvResponsiveImage';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 import { metaGlobReader } from '#src/util/importHelpers';
 
 const monthlyGoodImagesGlob = import.meta.glob('/src/assets/images/mg-hero-slideshow/*.*', { eager: true });
diff --git a/src/components/Checkout/AutoDepositCTA.vue b/src/components/Checkout/AutoDepositCTA.vue
index 57b11287e4..2f910bc5ea 100644
--- a/src/components/Checkout/AutoDepositCTA.vue
+++ b/src/components/Checkout/AutoDepositCTA.vue
@@ -145,9 +145,9 @@ import { mdiClose } from '@mdi/js';
 import AutoDepositDropInPaymentWrapper from '#src/components/AutoDeposit/AutoDepositDropInPaymentWrapper';
 import KvCurrencyInput from '#src/components/Kv/KvCurrencyInput';
 
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvSelect from '#kv-components/KvSelect';
+import KvTextInput from '#kv-components/KvTextInput';
 import loanRecylceUrl from '#src/assets/images/kiva-classic-illustrations/loan-re-cycle.svg?url';
 
 // arbitrary number below 10k
diff --git a/src/components/Checkout/AutoDepositUpsell.vue b/src/components/Checkout/AutoDepositUpsell.vue
index 0b747e73f0..9840d67696 100644
--- a/src/components/Checkout/AutoDepositUpsell.vue
+++ b/src/components/Checkout/AutoDepositUpsell.vue
@@ -102,8 +102,8 @@ import { gql } from 'graphql-tag';
 import logReadQueryError from '#src/util/logReadQueryError';
 import experimentAssignmentQuery from '#src/graphql/query/experimentAssignment.graphql';
 import experimentVersionFragment from '#src/graphql/fragments/experimentVersion.graphql';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvSwitch from '@kiva/kv-components/dist/components/KvSwitch';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvSwitch from '#kv-components/KvSwitch';
 import loanRecycleUrl from '#src/assets/images/kiva-classic-illustrations/loan-re-cycle.svg?url';
 import emphasizedArrowUrl from '#src/assets/images/kiva-classic-illustrations/emphasized-arrow.svg?url';
 import clockIllustrationUrl from '#src/assets/images/kiva-classic-illustrations/clock-illustration.svg?url';
diff --git a/src/components/Checkout/CheckoutDropInPaymentWrapper.vue b/src/components/Checkout/CheckoutDropInPaymentWrapper.vue
index 9aad4d0c20..2f75a55843 100644
--- a/src/components/Checkout/CheckoutDropInPaymentWrapper.vue
+++ b/src/components/Checkout/CheckoutDropInPaymentWrapper.vue
@@ -148,9 +148,9 @@ import experimentVersionFragment from '#src/graphql/fragments/experimentVersion.
 import { trackExperimentVersion } from '#src/util/experiment/experimentUtils';
 import UserUpdatesPreference from '#src/components/Checkout/UserUpdatesPreference';
 import { pollForFinishedCheckout } from '@kiva/kv-shop';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvButton from '#kv-components/KvButton';
+import KvCheckbox from '#kv-components/KvCheckbox';
+import KvTextInput from '#kv-components/KvTextInput';
 
 const COMMS_OPT_IN_EXP_KEY = 'opt_in_comms';
 
diff --git a/src/components/Checkout/CheckoutReceipt.vue b/src/components/Checkout/CheckoutReceipt.vue
index 2b425a09dd..4a23748318 100644
--- a/src/components/Checkout/CheckoutReceipt.vue
+++ b/src/components/Checkout/CheckoutReceipt.vue
@@ -292,7 +292,7 @@
 import { format } from 'date-fns';
 import KvIcon from '#src/components/Kv/KvIcon';
 import KvTooltip from '#src/components/Kv/KvTooltip';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 // Ensures the date renders the same on client or SSR in any timezone.
 // Taken from https://github.com/date-fns/date-fns/issues/376#issuecomment-353871093
diff --git a/src/components/Checkout/DepositIncentiveUpsell.vue b/src/components/Checkout/DepositIncentiveUpsell.vue
index c5b3987296..6dc32590b9 100644
--- a/src/components/Checkout/DepositIncentiveUpsell.vue
+++ b/src/components/Checkout/DepositIncentiveUpsell.vue
@@ -78,10 +78,10 @@ import { gql } from 'graphql-tag';
 import numeral from 'numeral';
 import updateLoanReservation from '#src/graphql/mutation/updateLoanReservation.graphql';
 import KvIcon from '#src/components/Kv/KvIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
+import KvButton from '#kv-components/KvButton';
+import KvCarousel from '#kv-components/KvCarousel';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvProgressBar from '#kv-components/KvProgressBar';
 
 const upsellLoansQuery = gql`query upsellLoansQuery(
 	$maxLoans: Int!
diff --git a/src/components/Checkout/DonateRepaymentsToggle.vue b/src/components/Checkout/DonateRepaymentsToggle.vue
index d2f0d17096..428a3dabd4 100644
--- a/src/components/Checkout/DonateRepaymentsToggle.vue
+++ b/src/components/Checkout/DonateRepaymentsToggle.vue
@@ -64,8 +64,8 @@ import _forEach from 'lodash/forEach';
 import numeral from 'numeral';
 import initializeCheckout from '#src/graphql/query/checkout/initializeCheckout.graphql';
 import updateLoanReservationDonateRepayments from '#src/graphql/mutation/updateLoanReservationDonateRepayments.graphql';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvCheckbox from '#kv-components/KvCheckbox';
 
 export default {
 	name: 'DonateRepaymentsToggle',
diff --git a/src/components/Checkout/DonationItem.vue b/src/components/Checkout/DonationItem.vue
index 5dc3809cc0..0568b880f6 100644
--- a/src/components/Checkout/DonationItem.vue
+++ b/src/components/Checkout/DonationItem.vue
@@ -221,10 +221,10 @@ import updateDonation from '#src/graphql/mutation/updateDonation.graphql';
 import HowKivaUsesDonation from '#src/components/Checkout/HowKivaUsesDonation';
 import DonationNudgeLightbox from '#src/components/Checkout/DonationNudge/DonationNudgeLightbox';
 import DonateRepayments from '#src/components/Checkout/DonateRepaymentsToggle';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvTextInput from '#kv-components/KvTextInput';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
 import leafHeartUrl from '#src/assets/images/leaf_heart.svg?url';
 
 export default {
diff --git a/src/components/Checkout/DonationNudge/DonationNudgeBoxes.vue b/src/components/Checkout/DonationNudge/DonationNudgeBoxes.vue
index c4a2ec8619..839af406eb 100644
--- a/src/components/Checkout/DonationNudge/DonationNudgeBoxes.vue
+++ b/src/components/Checkout/DonationNudge/DonationNudgeBoxes.vue
@@ -92,8 +92,8 @@
 
 <script>
 import numeral from 'numeral';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvTextInput from '#kv-components/KvTextInput';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'DonationNudgeBoxes',
diff --git a/src/components/Checkout/DonationNudge/DonationNudgeLightbox.vue b/src/components/Checkout/DonationNudge/DonationNudgeLightbox.vue
index b5a66261f8..665aadfb19 100644
--- a/src/components/Checkout/DonationNudge/DonationNudgeLightbox.vue
+++ b/src/components/Checkout/DonationNudge/DonationNudgeLightbox.vue
@@ -73,8 +73,8 @@ import { mdiInformation } from '@mdi/js';
 import HowKivaUsesDonation from '#src/components/Checkout/HowKivaUsesDonation';
 import { gql } from 'graphql-tag';
 import { readBoolSetting } from '#src/util/settingsUtils';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'DonationNudgeLightbox',
diff --git a/src/components/Checkout/EmptyBasketCarousel.vue b/src/components/Checkout/EmptyBasketCarousel.vue
index b58addd8df..b71773ce29 100644
--- a/src/components/Checkout/EmptyBasketCarousel.vue
+++ b/src/components/Checkout/EmptyBasketCarousel.vue
@@ -48,7 +48,7 @@ import _throttle from 'lodash/throttle';
 import KvClassicLoanCardContainer from '#src/components/LoanCards/KvClassicLoanCardContainer';
 import { runLoansQuery } from '#src/util/loanSearch/dataUtils';
 import { FLSS_ORIGIN_CHECKOUT } from '#src/util/flssUtils';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
+import KvCarousel from '#kv-components/KvCarousel';
 
 export default {
 	name: 'EmptyBasketCarousel',
diff --git a/src/components/Checkout/InContext/InContextCheckout.vue b/src/components/Checkout/InContext/InContextCheckout.vue
index 816dfddfbd..614d283bce 100644
--- a/src/components/Checkout/InContext/InContextCheckout.vue
+++ b/src/components/Checkout/InContext/InContextCheckout.vue
@@ -162,8 +162,8 @@ import KvLoadingOverlay from '#src/components/Kv/KvLoadingOverlay';
 import BasketItemsList from '#src/components/Checkout/BasketItemsList';
 import OrderTotals from '#src/components/Checkout/OrderTotals';
 import KvIcon from '#src/components/Kv/KvIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'InContextCheckout',
diff --git a/src/components/Checkout/KivaCardItem.vue b/src/components/Checkout/KivaCardItem.vue
index c251ea797f..8d08e5ca6a 100644
--- a/src/components/Checkout/KivaCardItem.vue
+++ b/src/components/Checkout/KivaCardItem.vue
@@ -132,7 +132,7 @@ import { format, parseISO } from 'date-fns';
 import { mdiPencil } from '@mdi/js';
 import LoanPrice from '#src/components/Checkout/LoanPrice';
 import RemoveBasketItem from '#src/components/Checkout/RemoveBasketItem';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import kivaCardPrintPreview from '#src/assets/images/checkout/kiva_card_print_preview.jpg';
 import kivaCardPostalPreview from '#src/assets/images/checkout/kiva_card_postal_preview.jpg';
 import kivaCardEmailPreview from '#src/assets/images/checkout/kiva_card_email_preview.jpg';
diff --git a/src/components/Checkout/KivaCardRedemption.vue b/src/components/Checkout/KivaCardRedemption.vue
index ada66f600f..86605e10d0 100644
--- a/src/components/Checkout/KivaCardRedemption.vue
+++ b/src/components/Checkout/KivaCardRedemption.vue
@@ -132,9 +132,9 @@ import KvIcon from '#src/components/Kv/KvIcon';
 import KvExpandable from '#src/components/Kv/KvExpandable';
 import addCreditByType from '#src/graphql/mutation/shopAddCreditByType.graphql';
 import removeCreditByType from '#src/graphql/mutation/shopRemoveCreditByType.graphql';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvTextInput from '#kv-components/KvTextInput';
 import printCardCodeLocation from '#src/assets/images/checkout/printcard_codelocation.jpg';
 import emailCardCodeLocation from '#src/assets/images/checkout/emailcard_codelocation.jpg';
 
diff --git a/src/components/Checkout/KivaCreditGuestPayment.vue b/src/components/Checkout/KivaCreditGuestPayment.vue
index 9534992696..ea86a17b95 100644
--- a/src/components/Checkout/KivaCreditGuestPayment.vue
+++ b/src/components/Checkout/KivaCreditGuestPayment.vue
@@ -90,9 +90,9 @@ import { useVuelidate } from '@vuelidate/core';
 import { required, email } from '@vuelidate/validators';
 
 import checkoutUtils from '#src/plugins/checkout-utils-mixin';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvButton from '#kv-components/KvButton';
+import KvCheckbox from '#kv-components/KvCheckbox';
+import KvTextInput from '#kv-components/KvTextInput';
 
 export default {
 	name: 'KivaCreditGuestPayment',
diff --git a/src/components/Checkout/KivaCreditPayment.vue b/src/components/Checkout/KivaCreditPayment.vue
index 6ec03e7193..8981f5c9b5 100644
--- a/src/components/Checkout/KivaCreditPayment.vue
+++ b/src/components/Checkout/KivaCreditPayment.vue
@@ -14,7 +14,7 @@
 <script>
 import checkoutUtils from '#src/plugins/checkout-utils-mixin';
 import { pollForFinishedCheckout } from '@kiva/kv-shop';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'KivaCreditPayment',
diff --git a/src/components/Checkout/LoanPrice.vue b/src/components/Checkout/LoanPrice.vue
index 5e70291eb7..91db065221 100644
--- a/src/components/Checkout/LoanPrice.vue
+++ b/src/components/Checkout/LoanPrice.vue
@@ -39,7 +39,7 @@ import updateLoanReservation from '#src/graphql/mutation/updateLoanReservation.g
 import updateKivaCardAmount from '#src/graphql/mutation/updateKivaCardAmount.graphql';
 import RemoveBasketItem from '#src/components/Checkout/RemoveBasketItem';
 import { getDropdownPriceArrayCheckout } from '#src/util/loanUtils';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
+import KvSelect from '#kv-components/KvSelect';
 
 export default {
 	name: 'LoanPrice',
diff --git a/src/components/Checkout/LoanReservation.vue b/src/components/Checkout/LoanReservation.vue
index 5548f7881a..a6b66602d8 100644
--- a/src/components/Checkout/LoanReservation.vue
+++ b/src/components/Checkout/LoanReservation.vue
@@ -49,7 +49,7 @@
 
 <script>
 import { differenceInMinutes, differenceInSeconds } from 'date-fns';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvLightbox from '#kv-components/KvLightbox';
 
 export default {
 	name: 'LoanReservation',
diff --git a/src/components/Checkout/MatchedLoansLightbox.vue b/src/components/Checkout/MatchedLoansLightbox.vue
index 2797641815..25b9f4954e 100644
--- a/src/components/Checkout/MatchedLoansLightbox.vue
+++ b/src/components/Checkout/MatchedLoansLightbox.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvLightbox from '#kv-components/KvLightbox';
 
 export default {
 	name: 'MatchedLoansLightbox',
diff --git a/src/components/Checkout/MonthlyGoodCTA.vue b/src/components/Checkout/MonthlyGoodCTA.vue
index bf3c4ec74d..27f78edb4b 100644
--- a/src/components/Checkout/MonthlyGoodCTA.vue
+++ b/src/components/Checkout/MonthlyGoodCTA.vue
@@ -105,8 +105,8 @@ import { required, minValue, maxValue } from '@vuelidate/validators';
 import KvCurrencyInput from '#src/components/Kv/KvCurrencyInput';
 
 import loanGroupCategoriesMixin from '#src/plugins/loan-group-categories';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
+import KvButton from '#kv-components/KvButton';
+import KvSelect from '#kv-components/KvSelect';
 
 /**
  * This CTA goes to the MG setup form
diff --git a/src/components/Checkout/OrderTotals.vue b/src/components/Checkout/OrderTotals.vue
index 21d79afd8b..7e82b88588 100644
--- a/src/components/Checkout/OrderTotals.vue
+++ b/src/components/Checkout/OrderTotals.vue
@@ -230,7 +230,7 @@ import {
 } from '#src/util/experiment/experimentUtils';
 import DonationItem from '#src/components/Checkout/DonationItem';
 import { mdiClose } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'OrderTotals',
diff --git a/src/components/Checkout/RemoveBasketItem.vue b/src/components/Checkout/RemoveBasketItem.vue
index 742dd1606a..ab1f099eac 100644
--- a/src/components/Checkout/RemoveBasketItem.vue
+++ b/src/components/Checkout/RemoveBasketItem.vue
@@ -17,7 +17,7 @@
 import { mdiClose } from '@mdi/js';
 import updateLoanReservation from '#src/graphql/mutation/updateLoanReservation.graphql';
 import updateKivaCardAmount from '#src/graphql/mutation/updateKivaCardAmount.graphql';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'RemoveBasketItem',
diff --git a/src/components/Checkout/TeamAttribution.vue b/src/components/Checkout/TeamAttribution.vue
index 244f061f1f..2e8c792f42 100644
--- a/src/components/Checkout/TeamAttribution.vue
+++ b/src/components/Checkout/TeamAttribution.vue
@@ -30,7 +30,7 @@ import _forEach from 'lodash/forEach';
 import _orderBy from 'lodash/orderBy';
 import numeral from 'numeral';
 import updateLoanReservationTeam from '#src/graphql/mutation/updateLoanReservationTeam.graphql';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
+import KvSelect from '#kv-components/KvSelect';
 
 export default {
 	name: 'TeamAttribution',
diff --git a/src/components/Checkout/UpsellModule.vue b/src/components/Checkout/UpsellModule.vue
index 7a76ff6c6e..bf90d6e5f0 100644
--- a/src/components/Checkout/UpsellModule.vue
+++ b/src/components/Checkout/UpsellModule.vue
@@ -55,8 +55,8 @@ import {
 	mdiClose
 } from '@mdi/js';
 import FundraisingStatusMeter from '#src/components/LoanCards/FundraisingStatus/FundraisingStatusMeter';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'UpsellModule',
diff --git a/src/components/Checkout/UserUpdatesPreference.vue b/src/components/Checkout/UserUpdatesPreference.vue
index 64f0a6aae0..932a84c6ea 100644
--- a/src/components/Checkout/UserUpdatesPreference.vue
+++ b/src/components/Checkout/UserUpdatesPreference.vue
@@ -71,7 +71,7 @@
 </template>
 
 <script>
-import KvRadio from '@kiva/kv-components/dist/components/KvRadio';
+import KvRadio from '#kv-components/KvRadio';
 
 export default {
 	name: 'UserUpdatesPreference',
diff --git a/src/components/Checkout/VerifyRemovePromoCredit.vue b/src/components/Checkout/VerifyRemovePromoCredit.vue
index 97a5060927..a9ec7ac795 100644
--- a/src/components/Checkout/VerifyRemovePromoCredit.vue
+++ b/src/components/Checkout/VerifyRemovePromoCredit.vue
@@ -36,8 +36,8 @@
 <script>
 import { removeCredit } from '#src/util/checkoutUtils';
 import logFormatter from '#src/util/logFormatter';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
 
 export default {
 	name: 'VerifyRemovePromoCredit',
diff --git a/src/components/Contentful/ButtonWrapper.vue b/src/components/Contentful/ButtonWrapper.vue
index e3b7cadfc6..b51f883c04 100644
--- a/src/components/Contentful/ButtonWrapper.vue
+++ b/src/components/Contentful/ButtonWrapper.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 import emitter from '#src/plugins/event-emitter';
 
 /**
diff --git a/src/components/Contentful/CardRow.vue b/src/components/Contentful/CardRow.vue
index cbb3fe2490..42c9d6db20 100644
--- a/src/components/Contentful/CardRow.vue
+++ b/src/components/Contentful/CardRow.vue
@@ -41,8 +41,8 @@
 import contentfulStylesMixin from '#src/plugins/contentful-ui-setting-styles-mixin';
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
 import StoryCard from '#src/components/Contentful/StoryCard';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 /**
 * Card Row Component
diff --git a/src/components/Contentful/CenteredRichText.vue b/src/components/Contentful/CenteredRichText.vue
index 070fa12791..8540e0b04c 100644
--- a/src/components/Contentful/CenteredRichText.vue
+++ b/src/components/Contentful/CenteredRichText.vue
@@ -22,8 +22,8 @@ import contentfulStylesMixin from '#src/plugins/contentful-ui-setting-styles-mix
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
 import { richTextRenderer } from '#src/util/contentful/richTextRenderer';
 import DynamicRichText from '#src/components/Contentful/DynamicRichText';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'CenteredRichText',
diff --git a/src/components/Contentful/CommentsContainer.vue b/src/components/Contentful/CommentsContainer.vue
index 1f3a9e25de..161a478379 100644
--- a/src/components/Contentful/CommentsContainer.vue
+++ b/src/components/Contentful/CommentsContainer.vue
@@ -4,7 +4,7 @@
 
 <script>
 import activityFeedTokenQuery from '#src/graphql/query/activityFeedToken.graphql';
-import KvCommentsContainer from '@kiva/kv-components/dist/components/KvCommentsContainer';
+import KvCommentsContainer from '#kv-components/KvCommentsContainer';
 
 export default {
 	name: 'CommentsContainer',
diff --git a/src/components/Contentful/DynamicHeroClassic.vue b/src/components/Contentful/DynamicHeroClassic.vue
index 3ad04e2545..e783474d20 100644
--- a/src/components/Contentful/DynamicHeroClassic.vue
+++ b/src/components/Contentful/DynamicHeroClassic.vue
@@ -146,9 +146,9 @@ import DynamicRichText from '#src/components/Contentful/DynamicRichText';
 import ButtonWrapper from '#src/components/Contentful/ButtonWrapper';
 import { responsiveImageSetSourceSets } from '#src/util/contentfulUtils';
 import { richTextRenderer, addBlankTargetToExternalLinks } from '#src/util/contentful/richTextRenderer';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 /**
 * Dynamic Hero Component
diff --git a/src/components/Contentful/DynamicRichText.vue b/src/components/Contentful/DynamicRichText.vue
index a663254eee..2c157571e7 100644
--- a/src/components/Contentful/DynamicRichText.vue
+++ b/src/components/Contentful/DynamicRichText.vue
@@ -24,7 +24,7 @@ export default {
 					KvFrequentlyAskedQuestions: defineAsyncComponent(() => import(
 						'#src/components/Kv/KvFrequentlyAskedQuestions'
 					)),
-					KvContentfulImg: defineAsyncComponent(() => import('@kiva/kv-components/dist/components/KvContentfulImg')),
+					KvContentfulImg: defineAsyncComponent(() => import('#kv-components/KvContentfulImg')),
 					ButtonWrapper: defineAsyncComponent(() => import('#src/components/Contentful/ButtonWrapper')),
 				},
 			};
diff --git a/src/components/Contentful/FrequentlyAskedQuestions.vue b/src/components/Contentful/FrequentlyAskedQuestions.vue
index 1c70694524..493f719551 100644
--- a/src/components/Contentful/FrequentlyAskedQuestions.vue
+++ b/src/components/Contentful/FrequentlyAskedQuestions.vue
@@ -19,7 +19,7 @@
 import contentfulStylesMixin from '#src/plugins/contentful-ui-setting-styles-mixin';
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
 import KvFrequentlyAskedQuestions from '#src/components/Kv/KvFrequentlyAskedQuestions';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'FrequentlyAskedQuestions',
diff --git a/src/components/Contentful/HeroWithCarousel.vue b/src/components/Contentful/HeroWithCarousel.vue
index 94d7fd7652..24c7f0edf6 100644
--- a/src/components/Contentful/HeroWithCarousel.vue
+++ b/src/components/Contentful/HeroWithCarousel.vue
@@ -51,9 +51,9 @@ import ButtonWrapper from '#src/components/Contentful/ButtonWrapper';
 
 import StoryCard from '#src/components/Contentful/StoryCard';
 
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvCarousel from '#kv-components/KvCarousel';
 
 /**
 * Hero With Carousel Component
diff --git a/src/components/Contentful/HomePage/NewHomeLoansByCategoryGrid.vue b/src/components/Contentful/HomePage/NewHomeLoansByCategoryGrid.vue
index 9cf0f40281..91e6c08800 100644
--- a/src/components/Contentful/HomePage/NewHomeLoansByCategoryGrid.vue
+++ b/src/components/Contentful/HomePage/NewHomeLoansByCategoryGrid.vue
@@ -25,7 +25,7 @@ import contentfulStylesMixin from '#src/plugins/contentful-ui-setting-styles-mix
 import KivaMultiCategoryGrid from '#src/components/Homepage/HomeExp/KivaMultiCategoryGrid';
 import { loanFieldsFragment } from '#src/components/LoanCards/NewHomePageLoanCard';
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 /**
  * Extract Loan Channel settings from Contentful Ui Setting dataObject
diff --git a/src/components/Contentful/HomePage/NewHomeLoansCardCarousel.vue b/src/components/Contentful/HomePage/NewHomeLoansCardCarousel.vue
index a10c88c1e7..4261665d46 100644
--- a/src/components/Contentful/HomePage/NewHomeLoansCardCarousel.vue
+++ b/src/components/Contentful/HomePage/NewHomeLoansCardCarousel.vue
@@ -22,7 +22,7 @@ import { gql } from 'graphql-tag';
 import KivaLoanCardCarousel from '#src/components/LoanCollections/HomeExp/KivaLoanCardCarousel';
 import contentfulStylesMixin from '#src/plugins/contentful-ui-setting-styles-mixin';
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'NewHomeLoansCardCarousel',
diff --git a/src/components/Contentful/LoansByCategoryCarousel.vue b/src/components/Contentful/LoansByCategoryCarousel.vue
index bc035305e1..caf1f0a42d 100644
--- a/src/components/Contentful/LoansByCategoryCarousel.vue
+++ b/src/components/Contentful/LoansByCategoryCarousel.vue
@@ -21,7 +21,7 @@
 import contentfulStylesMixin from '#src/plugins/contentful-ui-setting-styles-mixin';
 import KivaClassicMultiCategoryCarousel from '#src/components/LoanCollections/KivaClassicMultiCategoryCarousel';
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'LoansByCategoryCarousel',
diff --git a/src/components/Contentful/MediaItemsCentered.vue b/src/components/Contentful/MediaItemsCentered.vue
index 114753c0f9..4354eca179 100644
--- a/src/components/Contentful/MediaItemsCentered.vue
+++ b/src/components/Contentful/MediaItemsCentered.vue
@@ -37,9 +37,9 @@
 <script>
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
 import contentfulStylesMixin from '#src/plugins/contentful-ui-setting-styles-mixin';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
 
 export default {
 	name: 'MediaItemsCentered',
diff --git a/src/components/Contentful/RichTextItemsCentered.vue b/src/components/Contentful/RichTextItemsCentered.vue
index 2b5e6c4379..498cd41a08 100644
--- a/src/components/Contentful/RichTextItemsCentered.vue
+++ b/src/components/Contentful/RichTextItemsCentered.vue
@@ -37,8 +37,8 @@ import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWith
 import { richTextRenderer } from '#src/util/contentful/richTextRenderer';
 import DynamicRichText from '#src/components/Contentful/DynamicRichText';
 import contentfulStylesMixin from '#src/plugins/contentful-ui-setting-styles-mixin';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'RichTextItemsCentered',
diff --git a/src/components/Contentful/SectionWithBackgroundClassic.vue b/src/components/Contentful/SectionWithBackgroundClassic.vue
index d4367f3b2c..5ebc7dbce4 100644
--- a/src/components/Contentful/SectionWithBackgroundClassic.vue
+++ b/src/components/Contentful/SectionWithBackgroundClassic.vue
@@ -47,7 +47,7 @@ import {
 } from '@kiva/kv-tokens/configs/kivaColors.cjs';
 import { defineAsyncComponent } from 'vue';
 
-const KvContentfulImg = defineAsyncComponent(() => import('@kiva/kv-components/dist/components/KvContentfulImg'));
+const KvContentfulImg = defineAsyncComponent(() => import('#kv-components/KvContentfulImg'));
 
 /**
 * Section Background
diff --git a/src/components/Contentful/StoryCard.vue b/src/components/Contentful/StoryCard.vue
index ff7da3f7c0..4d5cb30cd0 100644
--- a/src/components/Contentful/StoryCard.vue
+++ b/src/components/Contentful/StoryCard.vue
@@ -84,8 +84,8 @@ import {
 	stoneLightTheme,
 	stoneDarkTheme,
 } from '@kiva/kv-tokens/configs/kivaColors.cjs';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
-import KvThemeProvider from '@kiva/kv-components/dist/components/KvThemeProvider';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
+import KvThemeProvider from '#kv-components/KvThemeProvider';
 /**
 * Story Card Component
 * */
diff --git a/src/components/Contentful/StoryCardCarousel.vue b/src/components/Contentful/StoryCardCarousel.vue
index 5fd03bf9bd..c45158ece2 100644
--- a/src/components/Contentful/StoryCardCarousel.vue
+++ b/src/components/Contentful/StoryCardCarousel.vue
@@ -28,7 +28,7 @@
 import contentfulStylesMixin from '#src/plugins/contentful-ui-setting-styles-mixin';
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
 import StoryCard from '#src/components/Contentful/StoryCard';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
+import KvCarousel from '#kv-components/KvCarousel';
 
 export default {
 	name: 'StoryCardCarousel',
diff --git a/src/components/Contentful/TestimonialCards.vue b/src/components/Contentful/TestimonialCards.vue
index 032a68da28..8ddd372f7d 100644
--- a/src/components/Contentful/TestimonialCards.vue
+++ b/src/components/Contentful/TestimonialCards.vue
@@ -64,8 +64,8 @@
 import KvContentfulImg from '#src/components/Kv/KvContentfulImg';
 import SectionWithBackground from '#src/components/Contentful/SectionWithBackground';
 import { richTextRenderer } from '#src/util/contentful/richTextRenderer';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'TestimonialCards',
diff --git a/src/components/CorporateCampaign/CampaignHero.vue b/src/components/CorporateCampaign/CampaignHero.vue
index b0c3ee3d6c..b6f7c83bfa 100644
--- a/src/components/CorporateCampaign/CampaignHero.vue
+++ b/src/components/CorporateCampaign/CampaignHero.vue
@@ -61,7 +61,7 @@
 </template>
 <script>
 import { addBlankTargetToExternalLinks } from '#src/util/contentful/richTextRenderer';
-import KvUiButton from '@kiva/kv-components/dist/components/KvButton';
+import KvUiButton from '#kv-components/KvButton';
 import { documentToHtmlString } from '@contentful/rich-text-html-renderer';
 import loanCardStack from '#src/assets/images/loan-card-stack.jpg';
 
diff --git a/src/components/CorporateCampaign/CampaignLoanRow.vue b/src/components/CorporateCampaign/CampaignLoanRow.vue
index 35cff232ad..a39399e671 100644
--- a/src/components/CorporateCampaign/CampaignLoanRow.vue
+++ b/src/components/CorporateCampaign/CampaignLoanRow.vue
@@ -72,7 +72,7 @@ import basicLoanQuery from '#src/graphql/query/basicLoanData.graphql';
 import KvLoadingSpinner from '#src/components/Kv/KvLoadingSpinner';
 import KivaClassicBasicLoanCard from '#src/components/LoanCards/KivaClassicBasicLoanCard';
 import numeral from 'numeral';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
+import KvCarousel from '#kv-components/KvCarousel';
 
 export default {
 	name: 'CampaignLoanRow',
diff --git a/src/components/CorporateCampaign/CampaignLogoGroup.vue b/src/components/CorporateCampaign/CampaignLogoGroup.vue
index 87924f041c..37f3aad985 100644
--- a/src/components/CorporateCampaign/CampaignLogoGroup.vue
+++ b/src/components/CorporateCampaign/CampaignLogoGroup.vue
@@ -19,7 +19,7 @@
 
 <script>
 import KivaLogo from '#src/assets/inline-svgs/logos/kiva-logo.svg';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
 
 export default {
 	name: 'CampaignLogoGroup',
diff --git a/src/components/CorporateCampaign/CampaignProgressBar.vue b/src/components/CorporateCampaign/CampaignProgressBar.vue
index 4c11fc1947..df0a3eff11 100644
--- a/src/components/CorporateCampaign/CampaignProgressBar.vue
+++ b/src/components/CorporateCampaign/CampaignProgressBar.vue
@@ -83,9 +83,9 @@
 </template>
 
 <script>
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
-import KvUiButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvProgressBar from '#kv-components/KvProgressBar';
+import KvUiButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'CampaignProgressBar',
diff --git a/src/components/CorporateCampaign/LoanSearch/GenderFilter.vue b/src/components/CorporateCampaign/LoanSearch/GenderFilter.vue
index aa5c3d7a16..496bb62761 100644
--- a/src/components/CorporateCampaign/LoanSearch/GenderFilter.vue
+++ b/src/components/CorporateCampaign/LoanSearch/GenderFilter.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import KvRadio from '@kiva/kv-components/dist/components/KvRadio';
+import KvRadio from '#kv-components/KvRadio';
 
 export default {
 	name: 'GenderFilter',
diff --git a/src/components/CorporateCampaign/LoanSearch/LoanSearchFilters.vue b/src/components/CorporateCampaign/LoanSearch/LoanSearchFilters.vue
index 09ad1ea5ce..8f202eb53e 100644
--- a/src/components/CorporateCampaign/LoanSearch/LoanSearchFilters.vue
+++ b/src/components/CorporateCampaign/LoanSearch/LoanSearchFilters.vue
@@ -257,10 +257,10 @@ import SectorFilter from '#src/components/CorporateCampaign/LoanSearch/SectorFil
 import SortOrder from '#src/components/CorporateCampaign/LoanSearch/SortOrder';
 import TagFilter from '#src/components/CorporateCampaign/LoanSearch/TagFilter';
 import KvChipClassic from '#src/components/Kv/KvChipClassic';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvAccordionItem from '@kiva/kv-components/dist/components/KvAccordionItem';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvAccordionItem from '#kv-components/KvAccordionItem';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
 
 const filterOptionsQuery = gql`
 	query filterOptionsQuery {
diff --git a/src/components/CorporateCampaign/LoanSearch/SortOrder.vue b/src/components/CorporateCampaign/LoanSearch/SortOrder.vue
index 67b79af717..32076e3ef7 100644
--- a/src/components/CorporateCampaign/LoanSearch/SortOrder.vue
+++ b/src/components/CorporateCampaign/LoanSearch/SortOrder.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import KvRadio from '@kiva/kv-components/dist/components/KvRadio';
+import KvRadio from '#kv-components/KvRadio';
 
 export default {
 	name: 'SortOrder',
diff --git a/src/components/Forms/GuestAccountCreation.vue b/src/components/Forms/GuestAccountCreation.vue
index e74cdfd175..60a49d907f 100644
--- a/src/components/Forms/GuestAccountCreation.vue
+++ b/src/components/Forms/GuestAccountCreation.vue
@@ -47,7 +47,7 @@ import * as Sentry from '@sentry/vue';
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import KvBaseInput from '#src/components/Kv/KvBaseInput';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'GuestAccountCreation',
diff --git a/src/components/Forms/JoinTeamForm.vue b/src/components/Forms/JoinTeamForm.vue
index 4e5dc6be71..f5d5755e7e 100644
--- a/src/components/Forms/JoinTeamForm.vue
+++ b/src/components/Forms/JoinTeamForm.vue
@@ -53,7 +53,7 @@ import joinTeam from '#src/graphql/mutation/joinTeam.graphql';
 import myTeamsQuery from '#src/graphql/query/myTeams.graphql';
 import createTeamRecruitment from '#src/graphql/mutation/createTeamRecruitment.graphql';
 import KvLoadingOverlay from '#src/components/Kv/KvLoadingOverlay';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'JoinTeamForm',
diff --git a/src/components/Forms/MonthlyGoodUpdateForm.vue b/src/components/Forms/MonthlyGoodUpdateForm.vue
index 8e6313ef5a..e3242bb5f7 100644
--- a/src/components/Forms/MonthlyGoodUpdateForm.vue
+++ b/src/components/Forms/MonthlyGoodUpdateForm.vue
@@ -167,9 +167,9 @@ import { required, minValue, maxValue } from '@vuelidate/validators';
 import loanGroupCategoriesMixin from '#src/plugins/loan-group-categories';
 import KvCurrencyInput from '#src/components/Kv/KvCurrencyInput';
 import { mdiPencil } from '@mdi/js';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvSelect from '#kv-components/KvSelect';
+import KvTextInput from '#kv-components/KvTextInput';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 /**
  * This form contains all the fields and validation to modify a MG Subscription
diff --git a/src/components/Homepage/HomeExp/KivaMultiCategoryGrid.vue b/src/components/Homepage/HomeExp/KivaMultiCategoryGrid.vue
index df86ea0108..77fec67534 100644
--- a/src/components/Homepage/HomeExp/KivaMultiCategoryGrid.vue
+++ b/src/components/Homepage/HomeExp/KivaMultiCategoryGrid.vue
@@ -28,7 +28,7 @@
 import { gql } from 'graphql-tag';
 import KivaLoanCardCategory from '#src/components/LoanCollections/HomeExp/KivaLoanCardCategory';
 import LoanCategorySelectorHomeExp from '#src/components/LoanCollections/HomeExp/LoanCategorySelectorHomeExp';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'KivaMultiCategoryGrid',
diff --git a/src/components/Iwd/ActivityAvatar.vue b/src/components/Iwd/ActivityAvatar.vue
index bd40fe1349..a4cdca736c 100644
--- a/src/components/Iwd/ActivityAvatar.vue
+++ b/src/components/Iwd/ActivityAvatar.vue
@@ -36,7 +36,7 @@
 
 <script>
 import { isLegacyPlaceholderAvatar } from '#src/util/imageUtils';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import { defineAsyncComponent, shallowRef } from 'vue';
 
 const KivaIcon = shallowRef(defineAsyncComponent(() => import('#src/assets/images/helpmechoose/kiva_mark.svg')));
diff --git a/src/components/Kv/KvAccordionItem.vue b/src/components/Kv/KvAccordionItem.vue
index ce4c3c9a56..539a92dc54 100644
--- a/src/components/Kv/KvAccordionItem.vue
+++ b/src/components/Kv/KvAccordionItem.vue
@@ -47,7 +47,7 @@
 
 import KvExpandable from '#src/components/Kv/KvExpandable';
 import { mdiChevronDown } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'KvAccordionItem',
diff --git a/src/components/Kv/KvActivityRow.vue b/src/components/Kv/KvActivityRow.vue
index 0f5aec7f33..9fd1243c89 100644
--- a/src/components/Kv/KvActivityRow.vue
+++ b/src/components/Kv/KvActivityRow.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
 
 export default {
 	name: 'KvActivityRow',
diff --git a/src/components/Kv/KvBaseInput.vue b/src/components/Kv/KvBaseInput.vue
index f28c323f3f..5585354b62 100644
--- a/src/components/Kv/KvBaseInput.vue
+++ b/src/components/Kv/KvBaseInput.vue
@@ -40,8 +40,8 @@
 </template>
 
 <script>
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvCheckbox from '#kv-components/KvCheckbox';
+import KvTextInput from '#kv-components/KvTextInput';
 
 export default {
 	name: 'KvBaseInput',
diff --git a/src/components/Kv/KvCheckboxList.vue b/src/components/Kv/KvCheckboxList.vue
index bab12796de..ae8a2de8a1 100644
--- a/src/components/Kv/KvCheckboxList.vue
+++ b/src/components/Kv/KvCheckboxList.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
+import KvCheckbox from '#kv-components/KvCheckbox';
 
 export default {
 	name: 'KvCheckboxList',
diff --git a/src/components/Kv/KvChipClassic.vue b/src/components/Kv/KvChipClassic.vue
index f864cbef61..5013cf45a6 100644
--- a/src/components/Kv/KvChipClassic.vue
+++ b/src/components/Kv/KvChipClassic.vue
@@ -19,7 +19,7 @@
 
 <script>
 import { mdiClose } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'KvChipClassic',
diff --git a/src/components/Kv/KvCurrencyInput.vue b/src/components/Kv/KvCurrencyInput.vue
index ee0768e484..7de450d1ea 100644
--- a/src/components/Kv/KvCurrencyInput.vue
+++ b/src/components/Kv/KvCurrencyInput.vue
@@ -13,7 +13,7 @@
 
 <script>
 import numeral from 'numeral';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvTextInput from '#kv-components/KvTextInput';
 
 export default {
 	name: 'KvCurrencyInput',
diff --git a/src/components/Kv/KvDefaultWrapper.vue b/src/components/Kv/KvDefaultWrapper.vue
index d8408f162a..34e53535df 100644
--- a/src/components/Kv/KvDefaultWrapper.vue
+++ b/src/components/Kv/KvDefaultWrapper.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'KvDefaultWrapper',
diff --git a/src/components/Kv/KvExpandableQuestion.vue b/src/components/Kv/KvExpandableQuestion.vue
index 99f69aeb94..ca237f29d4 100644
--- a/src/components/Kv/KvExpandableQuestion.vue
+++ b/src/components/Kv/KvExpandableQuestion.vue
@@ -33,7 +33,7 @@ import {
 import { paramCase } from 'change-case';
 
 import KvExpandable from '#src/components/Kv/KvExpandable';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'KvExpandableQuestion',
diff --git a/src/components/Kv/KvFrequentlyAskedQuestions.vue b/src/components/Kv/KvFrequentlyAskedQuestions.vue
index f32fa0d0c1..95b335fae1 100644
--- a/src/components/Kv/KvFrequentlyAskedQuestions.vue
+++ b/src/components/Kv/KvFrequentlyAskedQuestions.vue
@@ -22,7 +22,7 @@
 <script>
 import KvExpandableQuestion from '#src/components/Kv/KvExpandableQuestion';
 import { richTextRenderer } from '#src/util/contentful/richTextRenderer';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'KvFrequentlyAskedQuestions',
diff --git a/src/components/Kv/KvLoadingOverlay.vue b/src/components/Kv/KvLoadingOverlay.vue
index 577ad59a5e..cd7f8634c9 100644
--- a/src/components/Kv/KvLoadingOverlay.vue
+++ b/src/components/Kv/KvLoadingOverlay.vue
@@ -8,7 +8,7 @@
 
 <script>
 import _throttle from 'lodash/throttle';
-import KvLoadingSpinner from '@kiva/kv-components/dist/components/KvLoadingSpinner';
+import KvLoadingSpinner from '#kv-components/KvLoadingSpinner';
 import getCacheKey from '#src/util/getCacheKey';
 
 export default {
diff --git a/src/components/Kv/KvLoadingParagraph.vue b/src/components/Kv/KvLoadingParagraph.vue
index dc174484c8..c4a8642d82 100644
--- a/src/components/Kv/KvLoadingParagraph.vue
+++ b/src/components/Kv/KvLoadingParagraph.vue
@@ -10,7 +10,7 @@
 
 <script>
 import getCacheKey from '#src/util/getCacheKey';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'KvLoadingParagraph',
diff --git a/src/components/Kv/KvLoanActivities.vue b/src/components/Kv/KvLoanActivities.vue
index 2f82fbb92f..a6e12a29cf 100644
--- a/src/components/Kv/KvLoanActivities.vue
+++ b/src/components/Kv/KvLoanActivities.vue
@@ -65,8 +65,8 @@
 
 <script>
 import { format } from 'date-fns';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvLendCta from '@kiva/kv-components/dist/components/KvLendCta';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvLendCta from '#kv-components/KvLendCta';
 import KvActivityRow from './KvActivityRow';
 
 export default {
diff --git a/src/components/Kv/KvPagination.vue b/src/components/Kv/KvPagination.vue
index efc538ab22..806a361757 100644
--- a/src/components/Kv/KvPagination.vue
+++ b/src/components/Kv/KvPagination.vue
@@ -51,7 +51,7 @@
 
 <script>
 import { mdiChevronLeft, mdiChevronRight } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'KvPagination',
diff --git a/src/components/Kv/KvPhoneInput.vue b/src/components/Kv/KvPhoneInput.vue
index 689ba98605..fb3d25f8dc 100644
--- a/src/components/Kv/KvPhoneInput.vue
+++ b/src/components/Kv/KvPhoneInput.vue
@@ -68,7 +68,7 @@ import {
 } from 'libphonenumber-js';
 import exampleNumbers from 'libphonenumber-js/examples.mobile.json'; // used for populating placeholders
 import KvFlag from '#src/components/Kv/KvFlag';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvTextInput from '#kv-components/KvTextInput';
 
 const supportedCountryCodes = getSupportedCountryCodes();
 const countryList = getCountryList() // get all country names and codes
diff --git a/src/components/Kv/KvProgressCampaign.vue b/src/components/Kv/KvProgressCampaign.vue
index 95f2cab1fa..d1f4894883 100644
--- a/src/components/Kv/KvProgressCampaign.vue
+++ b/src/components/Kv/KvProgressCampaign.vue
@@ -28,7 +28,7 @@
 <script>
 import numeral from 'numeral';
 import HeartOutFromBox from '#src/assets/inline-svgs/challenge/heart-out-from-box.svg';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
+import KvProgressBar from '#kv-components/KvProgressBar';
 
 export default {
 	name: 'KvProgressCampaign',
diff --git a/src/components/Kv/KvResultsPerPage.vue b/src/components/Kv/KvResultsPerPage.vue
index 0e810e487b..6f0c25d226 100644
--- a/src/components/Kv/KvResultsPerPage.vue
+++ b/src/components/Kv/KvResultsPerPage.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
+import KvSelect from '#kv-components/KvSelect';
 
 export const defaultOptions = [15, 25, 50];
 
diff --git a/src/components/Kv/KvSectionModalLoader.vue b/src/components/Kv/KvSectionModalLoader.vue
index 2abdabc414..e064867fd4 100644
--- a/src/components/Kv/KvSectionModalLoader.vue
+++ b/src/components/Kv/KvSectionModalLoader.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import KvLoadingSpinner from '@kiva/kv-components/dist/components/KvLoadingSpinner';
+import KvLoadingSpinner from '#kv-components/KvLoadingSpinner';
 
 export const LOADING_LABEL = 'Section modal loader';
 
diff --git a/src/components/Kv/KvSelectBox.vue b/src/components/Kv/KvSelectBox.vue
index a6f8c2dc56..c047ff38ed 100644
--- a/src/components/Kv/KvSelectBox.vue
+++ b/src/components/Kv/KvSelectBox.vue
@@ -49,7 +49,7 @@
 
 <script>
 import _orderBy from 'lodash/orderBy';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvTextInput from '#kv-components/KvTextInput';
 
 export const NO_RESULTS = 'No results found';
 
diff --git a/src/components/Kv/KvSocialShareButton.vue b/src/components/Kv/KvSocialShareButton.vue
index 5780ee99a9..41fb677ce4 100644
--- a/src/components/Kv/KvSocialShareButton.vue
+++ b/src/components/Kv/KvSocialShareButton.vue
@@ -96,9 +96,9 @@ import {
 	mdiLink,
 } from '@mdi/js';
 import socialSharingMixin from '#src/plugins/social-sharing-mixin';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'KvSocialShareButton',
diff --git a/src/components/Kv/KvTooltip.vue b/src/components/Kv/KvTooltip.vue
index d32160ed0b..7dadf7ab10 100644
--- a/src/components/Kv/KvTooltip.vue
+++ b/src/components/Kv/KvTooltip.vue
@@ -26,7 +26,7 @@ import {
 	darkTheme,
 	mintTheme
 } from '@kiva/kv-tokens/configs/kivaColors.cjs';
-import KvThemeProvider from '@kiva/kv-components/dist/components/KvThemeProvider';
+import KvThemeProvider from '#kv-components/KvThemeProvider';
 
 export default {
 	name: 'KvTooltip',
diff --git a/src/components/Lend/LoanSearch/ChallengeCallout.vue b/src/components/Lend/LoanSearch/ChallengeCallout.vue
index 0564cb99a8..36498e7dc0 100644
--- a/src/components/Lend/LoanSearch/ChallengeCallout.vue
+++ b/src/components/Lend/LoanSearch/ChallengeCallout.vue
@@ -40,8 +40,8 @@
 <script>
 import { mdiArrowTopRight } from '@mdi/js';
 import SupportedByLenders from '#src/components/BorrowerProfile/SupportedByLenders';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvToast from '@kiva/kv-components/dist/components/KvToast';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvToast from '#kv-components/KvToast';
 
 export default {
 	name: 'ChallengeCallout',
diff --git a/src/components/Lend/LoanSearch/ChallengeHeader.vue b/src/components/Lend/LoanSearch/ChallengeHeader.vue
index aa0ce157f5..4dae8b1a43 100644
--- a/src/components/Lend/LoanSearch/ChallengeHeader.vue
+++ b/src/components/Lend/LoanSearch/ChallengeHeader.vue
@@ -73,8 +73,8 @@
 import teamGoalInfo from '#src/plugins/team-goal-mixin';
 import KvProgressCampaign from '#src/components/Kv/KvProgressCampaign';
 import SupportedByLenders from '#src/components/BorrowerProfile/SupportedByLenders';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
-import KvInlineActivityFeed from '@kiva/kv-components/dist/components/KvInlineActivityFeed';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
+import KvInlineActivityFeed from '#kv-components/KvInlineActivityFeed';
 
 export default {
 	name: 'ChallengeHeader',
diff --git a/src/components/Lend/LoanSearch/LoanSearchFilter.vue b/src/components/Lend/LoanSearch/LoanSearchFilter.vue
index 7c32344f43..2f44d3057d 100644
--- a/src/components/Lend/LoanSearch/LoanSearchFilter.vue
+++ b/src/components/Lend/LoanSearch/LoanSearchFilter.vue
@@ -145,8 +145,8 @@ import _debounce from 'lodash/debounce';
 import filterConfig from '#src/util/loanSearch/filterConfig';
 import KvRangeMinMaxSlider from '#src/components/Kv/KvRangeMinMaxSlider';
 import { createMinMaxRange, getMinMaxRangeQueryParam } from '#src/util/loanSearch/minMaxRange';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvTextInput from '#kv-components/KvTextInput';
 
 const AsyncKvAccordionItem = shallowRef(defineAsyncComponent(() => import('#src/components/Kv/KvAccordionItem')));
 
diff --git a/src/components/Lend/LoanSearch/LoanSearchFilterChips.vue b/src/components/Lend/LoanSearch/LoanSearchFilterChips.vue
index 8127af3fcf..46cabbe40c 100644
--- a/src/components/Lend/LoanSearch/LoanSearchFilterChips.vue
+++ b/src/components/Lend/LoanSearch/LoanSearchFilterChips.vue
@@ -29,7 +29,7 @@
 import _throttle from 'lodash/throttle';
 import KvChipClassic from '#src/components/Kv/KvChipClassic';
 import filterConfig from '#src/util/loanSearch/filterConfig';
-import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
+import KvTextLink from '#kv-components/KvTextLink';
 
 export default {
 	name: 'LoanSearchFilterChips',
diff --git a/src/components/Lend/LoanSearch/LoanSearchInterface.vue b/src/components/Lend/LoanSearch/LoanSearchInterface.vue
index 44d06b17c4..e036e2b0ef 100644
--- a/src/components/Lend/LoanSearch/LoanSearchInterface.vue
+++ b/src/components/Lend/LoanSearch/LoanSearchInterface.vue
@@ -199,8 +199,8 @@ import LoanSearchSavedSearch from '#src/components/Lend/LoanSearch/LoanSearchSav
 import filterConfig from '#src/util/loanSearch/filterConfig';
 import { gql } from 'graphql-tag';
 import addToBasketExpMixin from '#src/plugins/add-to-basket-exp-mixin';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
 
 const COOKIE_KEY = 'kv-search-result-count';
 
diff --git a/src/components/Lend/LoanSearch/LoanSearchRadioGroupFilter.vue b/src/components/Lend/LoanSearch/LoanSearchRadioGroupFilter.vue
index 550ab6ffe5..bdcd7a77d1 100644
--- a/src/components/Lend/LoanSearch/LoanSearchRadioGroupFilter.vue
+++ b/src/components/Lend/LoanSearch/LoanSearchRadioGroupFilter.vue
@@ -14,7 +14,7 @@
 
 <script>
 import { getFilterKeyFromValue } from '#src/util/loanSearch/filterUtils';
-import KvRadio from '@kiva/kv-components/dist/components/KvRadio';
+import KvRadio from '#kv-components/KvRadio';
 
 export const ALL_LOANS_TITLE = 'All loans';
 
diff --git a/src/components/Lend/LoanSearch/LoanSearchSavedSearch.vue b/src/components/Lend/LoanSearch/LoanSearchSavedSearch.vue
index ccbd4de50c..4b53908a2c 100644
--- a/src/components/Lend/LoanSearch/LoanSearchSavedSearch.vue
+++ b/src/components/Lend/LoanSearch/LoanSearchSavedSearch.vue
@@ -58,10 +58,10 @@ import IconAdd from '#src/assets/icons/inline/add.svg';
 import { createSavedSearch } from '#src/util/loanSearch/searchStateUtils';
 import logFormatter from '#src/util/logFormatter';
 import filterConfig from '#src/util/loanSearch/filterConfig';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvTextInput from '#kv-components/KvTextInput';
+import KvCheckbox from '#kv-components/KvCheckbox';
 
 export default {
 	name: 'LoanSearchSavedSearch',
diff --git a/src/components/Lend/LoanSearch/LoanSearchSortBy.vue b/src/components/Lend/LoanSearch/LoanSearchSortBy.vue
index b62fb1dee4..96cd05d710 100644
--- a/src/components/Lend/LoanSearch/LoanSearchSortBy.vue
+++ b/src/components/Lend/LoanSearch/LoanSearchSortBy.vue
@@ -24,8 +24,8 @@
 import { mdiInformation } from '@mdi/js';
 import { FLSS_QUERY_TYPE, STANDARD_QUERY_TYPE } from '#src/util/loanSearch/filterUtils';
 import { sortByNameToDisplay } from '#src/util/loanSearch/filters/sortOptions';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvRadio from '@kiva/kv-components/dist/components/KvRadio';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvRadio from '#kv-components/KvRadio';
 
 export default {
 	name: 'LoanSearchSortBy',
diff --git a/src/components/Lend/LoanSearch/TeamPicksSwitch.vue b/src/components/Lend/LoanSearch/TeamPicksSwitch.vue
index 490c384a97..ce93d8c25e 100644
--- a/src/components/Lend/LoanSearch/TeamPicksSwitch.vue
+++ b/src/components/Lend/LoanSearch/TeamPicksSwitch.vue
@@ -19,7 +19,7 @@
 
 <script>
 import HandOrangeIcon from '#src/assets/images/hand_orange.svg';
-import KvSwitch from '@kiva/kv-components/dist/components/KvSwitch';
+import KvSwitch from '#kv-components/KvSwitch';
 
 export default {
 	name: 'TeamPicksSwitch',
diff --git a/src/components/LenderProfile/LenderBadges.vue b/src/components/LenderProfile/LenderBadges.vue
index 47a222147f..7f73727961 100644
--- a/src/components/LenderProfile/LenderBadges.vue
+++ b/src/components/LenderProfile/LenderBadges.vue
@@ -25,7 +25,7 @@
 import { gql } from 'graphql-tag';
 import logReadQueryError from '#src/util/logReadQueryError';
 import BadgesList from '#src/pages/Portfolio/LendingStats/BadgesList';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncLenderSection from './AsyncLenderSection';
 
 const userAchievementProgressQuery = gql`query userAchievementProgress( $publicId: String!) {
diff --git a/src/components/LenderProfile/LenderDedicationsList.vue b/src/components/LenderProfile/LenderDedicationsList.vue
index 5f89299e69..6b999b1b50 100644
--- a/src/components/LenderProfile/LenderDedicationsList.vue
+++ b/src/components/LenderProfile/LenderDedicationsList.vue
@@ -76,8 +76,8 @@ import logReadQueryError from '#src/util/logReadQueryError';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
 import lenderDedicationsQuery from '#src/graphql/query/lenderDedications.graphql';
 import DedicateHeart from '#src/assets/icons/inline/dedicate-heart.svg';
-import KvPagination from '@kiva/kv-components/dist/components/KvPagination';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvPagination from '#kv-components/KvPagination';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncLenderSection from './AsyncLenderSection';
 
 export default {
diff --git a/src/components/LenderProfile/LenderInviteesList.vue b/src/components/LenderProfile/LenderInviteesList.vue
index 6c96cbd0d9..dbb78ae017 100644
--- a/src/components/LenderProfile/LenderInviteesList.vue
+++ b/src/components/LenderProfile/LenderInviteesList.vue
@@ -77,9 +77,9 @@ import { mdiAccountCircle } from '@mdi/js';
 import logReadQueryError from '#src/util/logReadQueryError';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
 import lenderInviteesQuery from '#src/graphql/query/lenderInvitees.graphql';
-import KvPagination from '@kiva/kv-components/dist/components/KvPagination';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvPagination from '#kv-components/KvPagination';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncLenderSection from './AsyncLenderSection';
 
 export default {
diff --git a/src/components/LenderProfile/LenderLoansList.vue b/src/components/LenderProfile/LenderLoansList.vue
index b158c4230e..831b9a0deb 100644
--- a/src/components/LenderProfile/LenderLoansList.vue
+++ b/src/components/LenderProfile/LenderLoansList.vue
@@ -45,8 +45,8 @@ import logReadQueryError from '#src/util/logReadQueryError';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
 import lenderLoansQuery from '#src/graphql/query/lenderLoans.graphql';
 import NewHomePageLoanCard from '#src/components/LoanCards/NewHomePageLoanCard';
-import KvPagination from '@kiva/kv-components/dist/components/KvPagination';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvPagination from '#kv-components/KvPagination';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'LenderLoansList',
diff --git a/src/components/LenderProfile/LenderMap.vue b/src/components/LenderProfile/LenderMap.vue
index 843a43ca99..31d1b87c5e 100644
--- a/src/components/LenderProfile/LenderMap.vue
+++ b/src/components/LenderProfile/LenderMap.vue
@@ -84,10 +84,10 @@
 
 <script>
 import numeral from 'numeral';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
-import KvMap from '@kiva/kv-components/dist/components/KvMap';
-import { getLoansIntervals } from '@kiva/kv-components/utils/mapUtils';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvCheckbox from '#kv-components/KvCheckbox';
+import KvMap from '#kv-components/KvMap';
+import { getLoansIntervals } from '@kiva/kv-components';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncLenderSection from './AsyncLenderSection';
 
 const mapColors = [
diff --git a/src/components/LenderProfile/LenderStats.vue b/src/components/LenderProfile/LenderStats.vue
index 7e27e3e9a0..7b920a493c 100644
--- a/src/components/LenderProfile/LenderStats.vue
+++ b/src/components/LenderProfile/LenderStats.vue
@@ -31,7 +31,7 @@
 
 <script>
 import StatsTable from '#src/components/Stats/StatsTable';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncLenderSection from './AsyncLenderSection';
 
 export default {
diff --git a/src/components/LenderProfile/LenderSummary.vue b/src/components/LenderProfile/LenderSummary.vue
index 1343576587..a74ca79adb 100644
--- a/src/components/LenderProfile/LenderSummary.vue
+++ b/src/components/LenderProfile/LenderSummary.vue
@@ -157,9 +157,9 @@ import { mdiAccountCircle, mdiPencilOutline } from '@mdi/js';
 import logReadQueryError from '#src/util/logReadQueryError';
 import userInfoQuery from '#src/graphql/query/userInfo.graphql';
 import sendLenderMessageMutation from '#src/graphql/mutation/sendLenderMessage.graphql';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
 
 export default {
 	name: 'LenderSummary',
diff --git a/src/components/LenderProfile/LenderTeamsList.vue b/src/components/LenderProfile/LenderTeamsList.vue
index 85ee568e56..ae1f143e7b 100644
--- a/src/components/LenderProfile/LenderTeamsList.vue
+++ b/src/components/LenderProfile/LenderTeamsList.vue
@@ -72,9 +72,9 @@ import { mdiAccountCircle } from '@mdi/js';
 import logReadQueryError from '#src/util/logReadQueryError';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
 import lenderTeamsQuery from '#src/graphql/query/lenderTeams.graphql';
-import KvPagination from '@kiva/kv-components/dist/components/KvPagination';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvPagination from '#kv-components/KvPagination';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncLenderSection from './AsyncLenderSection';
 
 export default {
diff --git a/src/components/Lightboxes/EcoChallengeLightbox.vue b/src/components/Lightboxes/EcoChallengeLightbox.vue
index ff877df477..eafadb2913 100644
--- a/src/components/Lightboxes/EcoChallengeLightbox.vue
+++ b/src/components/Lightboxes/EcoChallengeLightbox.vue
@@ -114,10 +114,10 @@ import {
 } from '@mdi/js';
 import { joinArray } from '#src/util/joinArray';
 import { missingMilestones } from '#src/util/achievementUtils';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
+import KvTextLink from '#kv-components/KvTextLink';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'EcoChallengeLightbox',
diff --git a/src/components/LoanCards/Buttons/CheckoutNowButton.vue b/src/components/LoanCards/Buttons/CheckoutNowButton.vue
index 58d61be832..07c8a8b80f 100644
--- a/src/components/LoanCards/Buttons/CheckoutNowButton.vue
+++ b/src/components/LoanCards/Buttons/CheckoutNowButton.vue
@@ -17,8 +17,8 @@
 
 <script>
 import { mdiCheckboxMarkedCircleOutline } from '@mdi/js';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'CheckoutNowButton',
diff --git a/src/components/LoanCards/Buttons/LendButton.vue b/src/components/LoanCards/Buttons/LendButton.vue
index 5490ec660c..468c651876 100644
--- a/src/components/LoanCards/Buttons/LendButton.vue
+++ b/src/components/LoanCards/Buttons/LendButton.vue
@@ -15,7 +15,7 @@ import * as Sentry from '@sentry/vue';
 import updateLoanReservation from '#src/graphql/mutation/updateLoanReservation.graphql';
 import loanCardBasketed from '#src/graphql/query/loanCardBasketed.graphql';
 import { handleInvalidBasket, hasBasketExpired } from '#src/util/basketUtils';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'LendButton',
diff --git a/src/components/LoanCards/Buttons/LendIncrementButton.vue b/src/components/LoanCards/Buttons/LendIncrementButton.vue
index 4584db8800..8719f7bba1 100644
--- a/src/components/LoanCards/Buttons/LendIncrementButton.vue
+++ b/src/components/LoanCards/Buttons/LendIncrementButton.vue
@@ -37,7 +37,7 @@ import {
 	isLessThan25,
 	isBetween25And500
 } from '#src/util/loanUtils';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
+import KvSelect from '#kv-components/KvSelect';
 
 export default {
 	name: 'LendIncrementButton',
diff --git a/src/components/LoanCards/FavoriteStar.vue b/src/components/LoanCards/FavoriteStar.vue
index 58c87f941b..fe2427bcde 100644
--- a/src/components/LoanCards/FavoriteStar.vue
+++ b/src/components/LoanCards/FavoriteStar.vue
@@ -36,7 +36,7 @@
 
 <script>
 import { mdiBookmarkOutline, mdiBookmark } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'FavoriteStar',
diff --git a/src/components/LoanCards/KivaClassicBasicLoanCard.vue b/src/components/LoanCards/KivaClassicBasicLoanCard.vue
index b29df56331..68d94ceb0b 100644
--- a/src/components/LoanCards/KivaClassicBasicLoanCard.vue
+++ b/src/components/LoanCards/KivaClassicBasicLoanCard.vue
@@ -249,10 +249,10 @@ import { setLendAmount, handleInvalidBasket, hasBasketExpired } from '#src/util/
 import loanCardFieldsFragment from '#src/graphql/fragments/loanCardFields.graphql';
 import ActionButton from '#src/components/LoanCards/Buttons/ActionButton';
 import LoanTag from '#src/components/LoanCards/LoanTags/LoanTag';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvUiButton from '@kiva/kv-components/dist/components/KvButton';
-import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvUiButton from '#kv-components/KvButton';
+import KvTextLink from '#kv-components/KvTextLink';
 
 const loanQuery = gql`
 	${loanCardFieldsFragment}
diff --git a/src/components/LoanCards/KvClassicLoanCardContainer.vue b/src/components/LoanCards/KvClassicLoanCardContainer.vue
index 3410d25c1d..ae96d13823 100644
--- a/src/components/LoanCards/KvClassicLoanCardContainer.vue
+++ b/src/components/LoanCards/KvClassicLoanCardContainer.vue
@@ -57,8 +57,8 @@ import percentRaisedMixin from '#src/plugins/loan/percent-raised-mixin';
 import loanCardFieldsExtendedFragment from '#src/graphql/fragments/loanCardFieldsExtended.graphql';
 import loanActivitiesQuery from '#src/graphql/query/loanActivities.graphql';
 import _isEqual from 'lodash/isEqual';
-import KvClassicLoanCard from '@kiva/kv-components/dist/components/KvClassicLoanCard';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
+import KvClassicLoanCard from '#kv-components/KvClassicLoanCard';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
 
 const PHOTO_PATH = 'https://www-kiva-org.freetls.fastly.net/img/';
 
diff --git a/src/components/LoanCards/LoanProgressGroup.vue b/src/components/LoanCards/LoanProgressGroup.vue
index 6698c23f3a..61f2569959 100644
--- a/src/components/LoanCards/LoanProgressGroup.vue
+++ b/src/components/LoanCards/LoanProgressGroup.vue
@@ -13,7 +13,7 @@
 
 <script>
 import numeral from 'numeral';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
+import KvProgressBar from '#kv-components/KvProgressBar';
 
 export default {
 	name: 'LoanProgressGroup',
diff --git a/src/components/LoanCards/LoanTags/LoanTag.vue b/src/components/LoanCards/LoanTags/LoanTag.vue
index fe9497a426..8c4b5c4620 100644
--- a/src/components/LoanCards/LoanTags/LoanTag.vue
+++ b/src/components/LoanCards/LoanTags/LoanTag.vue
@@ -28,7 +28,7 @@
 <script>
 import { mdiTimerSandComplete, mdiFlag, mdiHeart } from '@mdi/js';
 import { differenceInDays, parseISO } from 'date-fns';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'LoanTag',
diff --git a/src/components/LoanCards/NewHomePageLoanCard.vue b/src/components/LoanCards/NewHomePageLoanCard.vue
index cda3c991ff..ffbf5f50cd 100644
--- a/src/components/LoanCards/NewHomePageLoanCard.vue
+++ b/src/components/LoanCards/NewHomePageLoanCard.vue
@@ -144,9 +144,9 @@ import KvLoadingParagraph from '#src/components/Kv/KvLoadingParagraph';
 import { readLoanFragment, watchLoanCardData } from '#src/util/loanUtils';
 import { createIntersectionObserver } from '#src/util/observerUtils';
 import SummaryTag from '#src/components/BorrowerProfile/SummaryTag';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvProgressBar from '#kv-components/KvProgressBar';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export const loanFieldsFragment = gql`
 	fragment loanFields on LoanBasic {
diff --git a/src/components/LoanCards/RecommendedLoanCard.vue b/src/components/LoanCards/RecommendedLoanCard.vue
index 28fcdadbd7..8536bb20f7 100644
--- a/src/components/LoanCards/RecommendedLoanCard.vue
+++ b/src/components/LoanCards/RecommendedLoanCard.vue
@@ -98,7 +98,7 @@ import KvFlag from '#src/components/Kv/KvFlag';
 import KvLoadingParagraph from '#src/components/Kv/KvLoadingParagraph';
 import LendButton from '#src/components/LoanCards/Buttons/LendButton2';
 import WhySpecial from '#src/components/LoanCards/WhySpecial';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 const loanQuery = gql`query recLoanCard($basketId: String, $loanId: Int!) {
 	shop (basketId: $basketId) {
diff --git a/src/components/LoanCards/WhySpecial.vue b/src/components/LoanCards/WhySpecial.vue
index 2ac56b54b1..cb73800585 100644
--- a/src/components/LoanCards/WhySpecial.vue
+++ b/src/components/LoanCards/WhySpecial.vue
@@ -20,7 +20,7 @@
 
 <script>
 import { mdiStar } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'WhySpecial',
diff --git a/src/components/LoanCollections/HomeExp/KivaLoanCardCarousel.vue b/src/components/LoanCollections/HomeExp/KivaLoanCardCarousel.vue
index 0583252d1e..4f9b05fe44 100644
--- a/src/components/LoanCollections/HomeExp/KivaLoanCardCarousel.vue
+++ b/src/components/LoanCollections/HomeExp/KivaLoanCardCarousel.vue
@@ -51,7 +51,7 @@
 import getCategoryName from '#src/util/categoryUtils';
 import NewHomePageLoanCard from '#src/components/LoanCards/NewHomePageLoanCard';
 import KvLoadingSpinner from '#src/components/Kv/KvLoadingSpinner';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
+import KvCarousel from '#kv-components/KvCarousel';
 
 export default {
 	name: 'KivaLoanCardCarousel',
diff --git a/src/components/LoanCollections/HomeExp/KivaLoanCardCategory.vue b/src/components/LoanCollections/HomeExp/KivaLoanCardCategory.vue
index 563a5885d6..30dd5eb939 100644
--- a/src/components/LoanCollections/HomeExp/KivaLoanCardCategory.vue
+++ b/src/components/LoanCollections/HomeExp/KivaLoanCardCategory.vue
@@ -80,8 +80,8 @@
 <script>
 import getCategoryName from '#src/util/categoryUtils';
 import NewHomePageLoanCard from '#src/components/LoanCards/NewHomePageLoanCard';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvCarousel from '#kv-components/KvCarousel';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'KivaLoanCardCategory',
diff --git a/src/components/LoanCollections/HomeExp/LoanCategorySelectorHomeExp.vue b/src/components/LoanCollections/HomeExp/LoanCategorySelectorHomeExp.vue
index 9cacabbed7..d9a6609dbf 100644
--- a/src/components/LoanCollections/HomeExp/LoanCategorySelectorHomeExp.vue
+++ b/src/components/LoanCollections/HomeExp/LoanCategorySelectorHomeExp.vue
@@ -27,9 +27,9 @@
 </template>
 
 <script>
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvTab from '@kiva/kv-components/dist/components/KvTab';
-import KvTabs from '@kiva/kv-components/dist/components/KvTabs';
+import KvButton from '#kv-components/KvButton';
+import KvTab from '#kv-components/KvTab';
+import KvTabs from '#kv-components/KvTabs';
 
 export default {
 	name: 'LoanCategorySelectorHomeExp',
diff --git a/src/components/LoanCollections/KivaClassicLoanCarousel.vue b/src/components/LoanCollections/KivaClassicLoanCarousel.vue
index 1a972d3180..da0d7b5765 100644
--- a/src/components/LoanCollections/KivaClassicLoanCarousel.vue
+++ b/src/components/LoanCollections/KivaClassicLoanCarousel.vue
@@ -94,8 +94,8 @@
 <script>
 import KivaClassicBasicLoanCard from '#src/components/LoanCards/KivaClassicBasicLoanCard';
 import KvLoadingSpinner from '#src/components/Kv/KvLoadingSpinner';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvCarousel from '#kv-components/KvCarousel';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'KivaClassicLoanCarousel',
diff --git a/src/components/LoanCollections/KivaClassicLoanCategorySelector.vue b/src/components/LoanCollections/KivaClassicLoanCategorySelector.vue
index 61644d65f8..5350516ec4 100644
--- a/src/components/LoanCollections/KivaClassicLoanCategorySelector.vue
+++ b/src/components/LoanCollections/KivaClassicLoanCategorySelector.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'KivaClassicLoanCategorySelector',
diff --git a/src/components/LoanFinding/LendingCategorySection.vue b/src/components/LoanFinding/LendingCategorySection.vue
index 658d44818a..498cbbb199 100644
--- a/src/components/LoanFinding/LendingCategorySection.vue
+++ b/src/components/LoanFinding/LendingCategorySection.vue
@@ -54,7 +54,7 @@
 import _throttle from 'lodash/throttle';
 import KvClassicLoanCardContainer from '#src/components/LoanCards/KvClassicLoanCardContainer';
 import addToBasketExpMixin from '#src/plugins/add-to-basket-exp-mixin';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
+import KvCarousel from '#kv-components/KvCarousel';
 import ViewMoreCard from './ViewMoreCard';
 
 export default {
diff --git a/src/components/LoanFinding/ViewMoreCard.vue b/src/components/LoanFinding/ViewMoreCard.vue
index 56645d5d8d..b1c80b01fb 100644
--- a/src/components/LoanFinding/ViewMoreCard.vue
+++ b/src/components/LoanFinding/ViewMoreCard.vue
@@ -26,8 +26,8 @@
 import { mdiArrowRight } from '@mdi/js';
 import { FLSS_QUERY_TYPE } from '#src/util/loanSearch/filterUtils';
 import filterConfig from '#src/util/loanSearch/filterConfig';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import viewMoreGlassUrl from '#src/assets/images/view_more_glass.svg?url';
 
 export default {
diff --git a/src/components/LoansByCategory/HelpmeChoose/HelpmeChooseRecommendations.vue b/src/components/LoansByCategory/HelpmeChoose/HelpmeChooseRecommendations.vue
index 2cad1ab3ee..cc24acee8b 100644
--- a/src/components/LoansByCategory/HelpmeChoose/HelpmeChooseRecommendations.vue
+++ b/src/components/LoansByCategory/HelpmeChoose/HelpmeChooseRecommendations.vue
@@ -74,8 +74,8 @@
 <script>
 import { mdiRefresh } from '@mdi/js';
 import LoanCardController from '#src/components/LoanCards/LoanCardController';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import HelpmeChooseBorrowerSelector from './HelpmeChooseBorrowerSelector';
 
 export default {
diff --git a/src/components/LoansByCategory/QuickFilters/CheckboxList.vue b/src/components/LoansByCategory/QuickFilters/CheckboxList.vue
index dcead29e26..ee3321eeed 100644
--- a/src/components/LoansByCategory/QuickFilters/CheckboxList.vue
+++ b/src/components/LoansByCategory/QuickFilters/CheckboxList.vue
@@ -31,8 +31,8 @@
 
 <script>
 import { mdiClose } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvCheckbox from '#kv-components/KvCheckbox';
 
 export default {
 	name: 'CheckboxList',
diff --git a/src/components/LoansByCategory/QuickFilters/LocationSelector.vue b/src/components/LoansByCategory/QuickFilters/LocationSelector.vue
index 01eb1f8ee3..89af26f0e4 100644
--- a/src/components/LoansByCategory/QuickFilters/LocationSelector.vue
+++ b/src/components/LoansByCategory/QuickFilters/LocationSelector.vue
@@ -154,9 +154,9 @@ import clickOutside from '#src/plugins/click-outside';
 import { getCheckboxLabel } from '#src/util/loanSearch/filterUtils';
 import KvExpandable from '#src/components/Kv/KvExpandable';
 import kvTokensPrimitives from '@kiva/kv-tokens/primitives.json';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvTextInput from '#kv-components/KvTextInput';
 import CheckboxList from './CheckboxList';
 
 export default {
diff --git a/src/components/LoansByCategory/QuickFilters/QuickFilters.vue b/src/components/LoansByCategory/QuickFilters/QuickFilters.vue
index 6b17abb948..f7a29138e0 100644
--- a/src/components/LoansByCategory/QuickFilters/QuickFilters.vue
+++ b/src/components/LoansByCategory/QuickFilters/QuickFilters.vue
@@ -147,8 +147,8 @@
 <script>
 import { mdiFilterVariant, mdiChevronDown } from '@mdi/js';
 import loanChannelQueryMapMixin from '#src/plugins/loan-channel-query-map';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvSelect from '#kv-components/KvSelect';
 import LocationSelector from './LocationSelector';
 
 export default {
diff --git a/src/components/MonthlyGood/AutomaticallySupportNotice.vue b/src/components/MonthlyGood/AutomaticallySupportNotice.vue
index bcd8bca626..dd059b9650 100644
--- a/src/components/MonthlyGood/AutomaticallySupportNotice.vue
+++ b/src/components/MonthlyGood/AutomaticallySupportNotice.vue
@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
 
 export default {
 	name: 'AutomaticallySupportNotice',
diff --git a/src/components/MonthlyGood/MonthlyGoodDropInPaymentWrapper.vue b/src/components/MonthlyGood/MonthlyGoodDropInPaymentWrapper.vue
index a54ff494b3..5190829393 100644
--- a/src/components/MonthlyGood/MonthlyGoodDropInPaymentWrapper.vue
+++ b/src/components/MonthlyGood/MonthlyGoodDropInPaymentWrapper.vue
@@ -39,7 +39,7 @@ import braintreeUpdateSubscriptionPaymentMethod from
 	'#src/graphql/mutation/braintreeUpdateSubscriptionPaymentMethod.graphql';
 
 import KvIcon from '#src/components/Kv/KvIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'MonthlyGoodDropInPaymentWrapper',
diff --git a/src/components/MonthlyGood/MonthlyGoodSelectorDesktop.vue b/src/components/MonthlyGood/MonthlyGoodSelectorDesktop.vue
index 66c831a7ff..330fe90950 100644
--- a/src/components/MonthlyGood/MonthlyGoodSelectorDesktop.vue
+++ b/src/components/MonthlyGood/MonthlyGoodSelectorDesktop.vue
@@ -108,7 +108,7 @@ import loanGroupCategoriesMixin from '#src/plugins/loan-group-categories';
 import clickOutside from '#src/plugins/click-outside';
 import { metaGlobReader } from '#src/util/importHelpers';
 
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 const mgSelectorImgRequire = import.meta.glob('/src/assets/images/mg-selector-icons/*.*', {
 	eager: true,
diff --git a/src/components/MonthlyGood/MonthlyGoodSelectorMobile.vue b/src/components/MonthlyGood/MonthlyGoodSelectorMobile.vue
index aa5fc612ae..b598207f80 100644
--- a/src/components/MonthlyGood/MonthlyGoodSelectorMobile.vue
+++ b/src/components/MonthlyGood/MonthlyGoodSelectorMobile.vue
@@ -99,10 +99,10 @@ import loanGroupCategoriesMixin from '#src/plugins/loan-group-categories';
 import { metaGlobReader } from '#src/util/importHelpers';
 import { documentToHtmlString } from '@contentful/rich-text-html-renderer';
 
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvUiSelect from '@kiva/kv-components/dist/components/KvSelect';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
+import KvUiSelect from '#kv-components/KvSelect';
 
 const mgSelectorImgRequire = import.meta.glob('/src/assets/images/mg-selector-icons/*.*', {
 	eager: true,
diff --git a/src/components/MyKiva/BadgeCompleted.vue b/src/components/MyKiva/BadgeCompleted.vue
index 8e9e74502a..c2fed376d0 100644
--- a/src/components/MyKiva/BadgeCompleted.vue
+++ b/src/components/MyKiva/BadgeCompleted.vue
@@ -53,7 +53,7 @@
 
 import KvSocialShareButton from '#src/components/Kv/KvSocialShareButton';
 import MyKivaBadgeStars from '#src/components/MyKiva/MyKivaBadgeStars';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import useBadgeData from '#src/composables/useBadgeData';
 
 import confetti from 'canvas-confetti';
diff --git a/src/components/MyKiva/BadgeContainer.vue b/src/components/MyKiva/BadgeContainer.vue
index 7460a825c1..542ae3fcd9 100644
--- a/src/components/MyKiva/BadgeContainer.vue
+++ b/src/components/MyKiva/BadgeContainer.vue
@@ -52,7 +52,7 @@ import {
 	BADGE_SHAPE_RECTANGLE,
 } from '#src/composables/useBadgeModal';
 import { mdiLock } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import OutlineArch from '#src/assets/images/my-kiva/badge-outline-arch.svg';
 import OutlineCircle from '#src/assets/images/my-kiva/badge-outline-circle.svg';
 import OutlineOblong from '#src/assets/images/my-kiva/badge-outline-oblong.svg';
diff --git a/src/components/MyKiva/BadgeInProgress.vue b/src/components/MyKiva/BadgeInProgress.vue
index 3f840c2f6b..04f3966242 100644
--- a/src/components/MyKiva/BadgeInProgress.vue
+++ b/src/components/MyKiva/BadgeInProgress.vue
@@ -80,8 +80,8 @@
 
 <script setup>
 import KvClassicLoanCardContainer from '#src/components/LoanCards/KvClassicLoanCardContainer';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvCarousel from '#kv-components/KvCarousel';
+import KvButton from '#kv-components/KvButton';
 import {
 	computed,
 	watch,
diff --git a/src/components/MyKiva/BadgeModal.vue b/src/components/MyKiva/BadgeModal.vue
index c242dd8068..13b90cc28c 100644
--- a/src/components/MyKiva/BadgeModal.vue
+++ b/src/components/MyKiva/BadgeModal.vue
@@ -29,7 +29,7 @@
 </template>
 
 <script setup>
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvLightbox from '#kv-components/KvLightbox';
 import {
 	defineProps,
 	defineAsyncComponent,
@@ -39,8 +39,8 @@ import {
 } from 'vue';
 import { STATE_JOURNEY, STATE_EARNED, STATE_IN_PROGRESS } from '#src/composables/useBadgeModal';
 import { mdiArrowLeft } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 const ModalLoader = defineComponent(() => {
 	return () => {
diff --git a/src/components/MyKiva/BadgeModalContentJourney.vue b/src/components/MyKiva/BadgeModalContentJourney.vue
index 476d75e259..78678a0a88 100644
--- a/src/components/MyKiva/BadgeModalContentJourney.vue
+++ b/src/components/MyKiva/BadgeModalContentJourney.vue
@@ -88,7 +88,7 @@ import useBadgeModal,
 	BADGE_LOCKED,
 	getBadgeShape,
 } from '#src/composables/useBadgeModal';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 import useBadgeData from '#src/composables/useBadgeData';
 import BadgeContainer from './BadgeContainer';
 
diff --git a/src/components/MyKiva/BadgeTile.vue b/src/components/MyKiva/BadgeTile.vue
index d4f2e5330b..598bf93f44 100644
--- a/src/components/MyKiva/BadgeTile.vue
+++ b/src/components/MyKiva/BadgeTile.vue
@@ -57,8 +57,8 @@ import { indexIn } from '#src/util/comparators';
 import { BADGE_IN_PROGRESS, BADGE_SHAPE_OBLONG, getBadgeShape } from '#src/composables/useBadgeModal';
 import useBadgeData from '#src/composables/useBadgeData';
 import BadgeContainer from '#src/components/MyKiva/BadgeContainer';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import {
 	computed,
 	toRefs,
diff --git a/src/components/MyKiva/BorrowerCarousel.vue b/src/components/MyKiva/BorrowerCarousel.vue
index 01e60b4542..854ce3c02e 100644
--- a/src/components/MyKiva/BorrowerCarousel.vue
+++ b/src/components/MyKiva/BorrowerCarousel.vue
@@ -112,13 +112,13 @@
 
 <script setup>
 import _throttle from 'lodash/throttle';
-import KvTabs from '@kiva/kv-components/dist/components/KvTabs';
-import KvTab from '@kiva/kv-components/dist/components/KvTab';
-import KvTabPanel from '@kiva/kv-components/dist/components/KvTabPanel';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvTabs from '#kv-components/KvTabs';
+import KvTab from '#kv-components/KvTab';
+import KvTabPanel from '#kv-components/KvTabPanel';
+import KvCarousel from '#kv-components/KvCarousel';
+import KvButton from '#kv-components/KvButton';
 import BorrowerImage from '#src/components/BorrowerProfile/BorrowerImage';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import {
 	defineProps,
 	ref,
diff --git a/src/components/MyKiva/BorrowerStatusCard.vue b/src/components/MyKiva/BorrowerStatusCard.vue
index 92d5a7a0fe..382171abd9 100644
--- a/src/components/MyKiva/BorrowerStatusCard.vue
+++ b/src/components/MyKiva/BorrowerStatusCard.vue
@@ -91,7 +91,7 @@ import {
 import KvExpandable from '#src/components/Kv/KvExpandable';
 import LoanNextSteps from '#src/components/Thanks/LoanNextSteps';
 import { addMonths, differenceInWeeks } from 'date-fns';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import {
 	ref,
 	computed,
diff --git a/src/components/MyKiva/EarnedBadgesSection.vue b/src/components/MyKiva/EarnedBadgesSection.vue
index 3e7d815022..15331f5198 100644
--- a/src/components/MyKiva/EarnedBadgesSection.vue
+++ b/src/components/MyKiva/EarnedBadgesSection.vue
@@ -65,7 +65,7 @@ import {
 	inject,
 } from 'vue';
 import { format } from 'date-fns';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 import MyKivaContainer from '#src/components/MyKiva/MyKivaContainer';
 
 const $kvTrackEvent = inject('$kvTrackEvent');
diff --git a/src/components/MyKiva/JournalUpdateCard.vue b/src/components/MyKiva/JournalUpdateCard.vue
index 239ac2858b..b92bd03af3 100644
--- a/src/components/MyKiva/JournalUpdateCard.vue
+++ b/src/components/MyKiva/JournalUpdateCard.vue
@@ -75,7 +75,7 @@
 import { format } from 'date-fns';
 import { mdiExportVariant } from '@mdi/js';
 import BorrowerImage from '#src/components/BorrowerProfile/BorrowerImage';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import { isLoanFundraising } from '#src/util/loanUtils';
 import {
 	computed,
diff --git a/src/components/MyKiva/JournalUpdatesCarousel.vue b/src/components/MyKiva/JournalUpdatesCarousel.vue
index d4b28ee0b3..998f5975c1 100644
--- a/src/components/MyKiva/JournalUpdatesCarousel.vue
+++ b/src/components/MyKiva/JournalUpdatesCarousel.vue
@@ -44,9 +44,9 @@
 </template>
 
 <script setup>
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
+import KvCarousel from '#kv-components/KvCarousel';
 import JournalUpdateCard from '#src/components/MyKiva/JournalUpdateCard';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvLightbox from '#kv-components/KvLightbox';
 import ShareButton from '#src/components/BorrowerProfile/ShareButton';
 import {
 	ref,
diff --git a/src/components/MyKiva/MyKivaContainer.vue b/src/components/MyKiva/MyKivaContainer.vue
index 442216c6f2..64b1a2cc4e 100644
--- a/src/components/MyKiva/MyKivaContainer.vue
+++ b/src/components/MyKiva/MyKivaContainer.vue
@@ -11,8 +11,8 @@
 </template>
 
 <script setup>
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
 </script>
 
 <style lang="postcss" scoped>
diff --git a/src/components/MyKiva/MyKivaHero.vue b/src/components/MyKiva/MyKivaHero.vue
index dd8ecdec23..cde2568e76 100644
--- a/src/components/MyKiva/MyKivaHero.vue
+++ b/src/components/MyKiva/MyKivaHero.vue
@@ -50,7 +50,7 @@
 <script setup>
 import { mdiCogOutline } from '@mdi/js';
 import MyKivaContainer from '#src/components/MyKiva/MyKivaContainer';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import { computed, toRefs } from 'vue';
 
 defineEmits(['show-navigation']);
diff --git a/src/components/MyKiva/MyKivaNavigation.vue b/src/components/MyKiva/MyKivaNavigation.vue
index 617cfc5a8b..9f334ebb83 100644
--- a/src/components/MyKiva/MyKivaNavigation.vue
+++ b/src/components/MyKiva/MyKivaNavigation.vue
@@ -134,7 +134,7 @@
 
 <script setup>
 import { mdiClose } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import {
 	ref,
 	toRefs,
diff --git a/src/components/MyKiva/MyKivaProfile.vue b/src/components/MyKiva/MyKivaProfile.vue
index be331bb963..408de73956 100644
--- a/src/components/MyKiva/MyKivaProfile.vue
+++ b/src/components/MyKiva/MyKivaProfile.vue
@@ -32,7 +32,7 @@
 <script setup>
 import ActivityAvatar from '#src/components/Iwd/ActivityAvatar';
 import MyKivaContainer from '#src/components/MyKiva/MyKivaContainer';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import { computed, toRefs } from 'vue';
 
 const props = defineProps({
diff --git a/src/components/Settings/AppAuthentication.vue b/src/components/Settings/AppAuthentication.vue
index d152832db5..c2a3826c35 100644
--- a/src/components/Settings/AppAuthentication.vue
+++ b/src/components/Settings/AppAuthentication.vue
@@ -114,7 +114,7 @@ import FirstMFASetup from '#src/pages/Settings/FirstMFASetup';
 import RecoveryCodeConfirm from '#src/pages/Settings/RecoveryCodeConfirm';
 import confirmOTPAuthenticatorEnrollment from '#src/graphql/mutation/mfa/confirmOTPAuthenticatorEnrollment.graphql';
 import enrollOTPAuthenticator from '#src/graphql/mutation/mfa/enrollOTPAuthenticator.graphql';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'AppAuthentication',
diff --git a/src/components/Settings/Password.vue b/src/components/Settings/Password.vue
index e47d5731b1..7ecc4729e3 100644
--- a/src/components/Settings/Password.vue
+++ b/src/components/Settings/Password.vue
@@ -42,7 +42,7 @@
 import { gql } from 'graphql-tag';
 import KvAlert from '#src/components/Kv/KvAlert';
 import KvSettingsCard from '#src/components/Kv/KvSettingsCard';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 const userQuery = gql`query getUserEmail {
 	my {
diff --git a/src/components/Settings/PhoneAuthentication.vue b/src/components/Settings/PhoneAuthentication.vue
index b1456f350f..ae98507248 100644
--- a/src/components/Settings/PhoneAuthentication.vue
+++ b/src/components/Settings/PhoneAuthentication.vue
@@ -153,8 +153,8 @@ import enrollVoiceAuthenticatorMutation from '#src/graphql/mutation/mfa/enrollVo
 import confirmSMSAuthenticatorEnrollmentMutation from '#src/graphql/mutation/mfa/confirmSMSAuthenticatorEnroll.graphql';
 import confirmVoiceAuthenticatorEnrollmentMutation from
 	'#src/graphql/mutation/mfa/confirmVoiceAuthenticatorEnroll.graphql';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'PhoneAuthentication',
diff --git a/src/components/Settings/SaveSearchItem.vue b/src/components/Settings/SaveSearchItem.vue
index 5c8e7e8a2f..26ad8566ae 100644
--- a/src/components/Settings/SaveSearchItem.vue
+++ b/src/components/Settings/SaveSearchItem.vue
@@ -40,8 +40,8 @@
 import { gql } from 'graphql-tag';
 import { sortByNameToDisplay } from '#src/util/loanSearch/filters/sortOptions';
 import KvSettingsCard from '#src/components/Kv/KvSettingsCard';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
+import KvButton from '#kv-components/KvButton';
+import KvCheckbox from '#kv-components/KvCheckbox';
 
 export default {
 	name: 'SaveSearchItem',
diff --git a/src/components/Settings/SubscriptionsSettingsCards.vue b/src/components/Settings/SubscriptionsSettingsCards.vue
index 7bac518ab6..8edc459992 100644
--- a/src/components/Settings/SubscriptionsSettingsCards.vue
+++ b/src/components/Settings/SubscriptionsSettingsCards.vue
@@ -72,8 +72,8 @@ import KvLoadingOverlay from '#src/components/Kv/KvLoadingOverlay';
 import SubscriptionsMonthlyGood from '#src/components/Subscriptions/SubscriptionsMonthlyGood';
 import SubscriptionsAutoDeposit from '#src/components/Subscriptions/SubscriptionsAutoDeposit';
 import SubscriptionsLegacy from '#src/components/Subscriptions/SubscriptionsLegacy';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
 
 const pageQuery = gql`query subscriptionSettingsPage {
 	my {
diff --git a/src/components/Settings/TwoStepVerification.vue b/src/components/Settings/TwoStepVerification.vue
index c3ce8cd003..94bfffb345 100644
--- a/src/components/Settings/TwoStepVerification.vue
+++ b/src/components/Settings/TwoStepVerification.vue
@@ -46,8 +46,8 @@ import * as Sentry from '@sentry/vue';
 import { gql } from 'graphql-tag';
 
 import KvSettingsCard from '#src/components/Kv/KvSettingsCard';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvButton from '#kv-components/KvButton';
 
 const pageQuery = gql`query mfaQuery {
 	my {
diff --git a/src/components/Stats/StatsTable.vue b/src/components/Stats/StatsTable.vue
index f5525c6f5f..3b27200a86 100644
--- a/src/components/Stats/StatsTable.vue
+++ b/src/components/Stats/StatsTable.vue
@@ -67,12 +67,12 @@
 
 <script>
 import DistributionTable from '#src/pages/Portfolio/ImpactDashboard/DistributionTable';
-import KvPieChart from '@kiva/kv-components/dist/components/KvPieChart';
-import KvTreeMapChart from '@kiva/kv-components/dist/components/KvTreeMapChart';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvTab from '@kiva/kv-components/dist/components/KvTab';
-import KvTabs from '@kiva/kv-components/dist/components/KvTabs';
-import KvTabPanel from '@kiva/kv-components/dist/components/KvTabPanel';
+import KvPieChart from '#kv-components/KvPieChart';
+import KvTreeMapChart from '#kv-components/KvTreeMapChart';
+import KvButton from '#kv-components/KvButton';
+import KvTab from '#kv-components/KvTab';
+import KvTabs from '#kv-components/KvTabs';
+import KvTabPanel from '#kv-components/KvTabPanel';
 
 export default {
 	name: 'StatsTable',
diff --git a/src/components/Subscriptions/SubscriptionsAutoDeposit.vue b/src/components/Subscriptions/SubscriptionsAutoDeposit.vue
index 31c216002d..f0e99fe5ba 100644
--- a/src/components/Subscriptions/SubscriptionsAutoDeposit.vue
+++ b/src/components/Subscriptions/SubscriptionsAutoDeposit.vue
@@ -321,9 +321,9 @@ import AutoDepositDropInPaymentWrapper from '#src/components/AutoDeposit/AutoDep
 import KvCurrencyInput from '#src/components/Kv/KvCurrencyInput';
 import KvIcon from '#src/components/Kv/KvIcon';
 import KvSettingsCard from '#src/components/Kv/KvSettingsCard';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvTextInput from '#kv-components/KvTextInput';
 
 const pageQuery = gql`query autoDepositPage {
 	my {
diff --git a/src/components/Subscriptions/SubscriptionsMonthlyGood.vue b/src/components/Subscriptions/SubscriptionsMonthlyGood.vue
index 1c39075294..ede52503c2 100644
--- a/src/components/Subscriptions/SubscriptionsMonthlyGood.vue
+++ b/src/components/Subscriptions/SubscriptionsMonthlyGood.vue
@@ -182,8 +182,8 @@ import MonthlyGoodDropInPaymentWrapper from '#src/components/MonthlyGood/Monthly
 import SubscriptionsMonthlyGoodCancellationFlow from
 	'#src/components/Subscriptions/SubscriptionsMonthlyGoodCancellationFlow';
 import getMonthsCount from '#src/util/dateUtils';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
 
 const CHANGE_SUBSCRIPTION = 'change_subscription';
 const UPDATE_PAYMENT_METHOD = 'update_payment_method';
diff --git a/src/components/Subscriptions/SubscriptionsMonthlyGoodCancellationFlow.vue b/src/components/Subscriptions/SubscriptionsMonthlyGoodCancellationFlow.vue
index 9379ebb9c6..78d32939f6 100644
--- a/src/components/Subscriptions/SubscriptionsMonthlyGoodCancellationFlow.vue
+++ b/src/components/Subscriptions/SubscriptionsMonthlyGoodCancellationFlow.vue
@@ -177,8 +177,8 @@
 </template>
 
 <script>
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
 
 export default {
 	name: 'SubscriptionsMonthlyGoodCancellationFlow',
diff --git a/src/components/Teams/TeamGoal.vue b/src/components/Teams/TeamGoal.vue
index a9f12b6e87..0fa2893cde 100644
--- a/src/components/Teams/TeamGoal.vue
+++ b/src/components/Teams/TeamGoal.vue
@@ -70,8 +70,8 @@ import teamNoImage from '#src/assets/images/team_s135.png';
 import teamGoalInfo from '#src/plugins/team-goal-mixin';
 import KvProgressCampaign from '#src/components/Kv/KvProgressCampaign';
 import SupportedByLenders from '#src/components/BorrowerProfile/SupportedByLenders';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvButton from '#kv-components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'TeamGoal',
diff --git a/src/components/Teams/TeamGoalsList.vue b/src/components/Teams/TeamGoalsList.vue
index 8de2d2914f..4a8d4404d5 100644
--- a/src/components/Teams/TeamGoalsList.vue
+++ b/src/components/Teams/TeamGoalsList.vue
@@ -45,8 +45,8 @@ import teamsGoals from '#src/graphql/query/teamsGoals.graphql';
 import _groupBy from 'lodash/groupBy';
 import _map from 'lodash/map';
 import _orderBy from 'lodash/orderBy';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'TeamGoalsList',
diff --git a/src/components/Thanks/Badges/DetailSection.vue b/src/components/Thanks/Badges/DetailSection.vue
index 6fe807ff53..d28e36287a 100644
--- a/src/components/Thanks/Badges/DetailSection.vue
+++ b/src/components/Thanks/Badges/DetailSection.vue
@@ -94,9 +94,9 @@
 
 <script>
 import { mdiChevronLeft, mdiCheckCircleOutline } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvCarousel from '#kv-components/KvCarousel';
 import { metaGlobReader } from '#src/util/importHelpers';
 
 const imageGlob = import.meta.glob('/src/assets/images/thanks-page/badges/*.*', { eager: true, query: '?url' });
diff --git a/src/components/Thanks/Badges/DiscoverSection.vue b/src/components/Thanks/Badges/DiscoverSection.vue
index d69c9877e9..e05f124611 100644
--- a/src/components/Thanks/Badges/DiscoverSection.vue
+++ b/src/components/Thanks/Badges/DiscoverSection.vue
@@ -56,8 +56,8 @@
 
 <script>
 import { mdiChevronLeft } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
 import { metaGlobReader } from '#src/util/importHelpers';
 
 const imageRequire = import.meta.glob('/src/assets/images/thanks-page/badges/*.*', { eager: true, query: '?url' });
diff --git a/src/components/Thanks/Badges/FirstScreen.vue b/src/components/Thanks/Badges/FirstScreen.vue
index 2c0b315d25..4c37da2a28 100644
--- a/src/components/Thanks/Badges/FirstScreen.vue
+++ b/src/components/Thanks/Badges/FirstScreen.vue
@@ -285,8 +285,8 @@ import GuestAccountCreation from '#src/components/Forms/GuestAccountCreation';
 import AnimatedStars from '#src/components/Thanks/AnimatedStars';
 import KvExpandable from '#src/components/Kv/KvExpandable';
 import LoanNextSteps from '#src/components/Thanks/LoanNextSteps';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import { metaGlobReader } from '#src/util/importHelpers';
 
 const imageGlob = import.meta.glob('/src/assets/images/thanks-page/*.*', { eager: true, query: '?url' });
diff --git a/src/components/Thanks/Badges/RevealedBadge.vue b/src/components/Thanks/Badges/RevealedBadge.vue
index 52c61e60a6..77f05176e1 100644
--- a/src/components/Thanks/Badges/RevealedBadge.vue
+++ b/src/components/Thanks/Badges/RevealedBadge.vue
@@ -107,8 +107,8 @@ import KvExpandable from '#src/components/Kv/KvExpandable';
 import AnimatedStars from '#src/components/Thanks/AnimatedStars';
 import { mdiChevronDown } from '@mdi/js';
 import GuestAccountCreation from '#src/components/Forms/GuestAccountCreation';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import { metaGlobReader } from '#src/util/importHelpers';
 
 const imageGlob = import.meta.glob('/src/assets/images/thanks-page/*.*', { eager: true, query: '?url' });
diff --git a/src/components/Thanks/ChallengeHeader.vue b/src/components/Thanks/ChallengeHeader.vue
index ff63a9beed..8b1a5b48c7 100644
--- a/src/components/Thanks/ChallengeHeader.vue
+++ b/src/components/Thanks/ChallengeHeader.vue
@@ -67,9 +67,9 @@
 import KvProgressCircle from '#src/components/Kv/KvProgressCircle';
 import RewardsIcon from '#src/assets/icons/inline/rewards.svg';
 import teamGoalInfo from '#src/plugins/team-goal-mixin';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvButton from '#kv-components/KvButton';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'ChallengeHeader',
diff --git a/src/components/Thanks/CommentAsk.vue b/src/components/Thanks/CommentAsk.vue
index 1d82a86130..cd590aa8b3 100644
--- a/src/components/Thanks/CommentAsk.vue
+++ b/src/components/Thanks/CommentAsk.vue
@@ -127,11 +127,11 @@ import { mdiPencilOutline } from '@mdi/js';
 import loanAddComment from '#src/graphql/mutation/loanAddComment.graphql';
 import { GUEST_COMMENT_COMMENT, GUEST_COMMENT_LOANID } from '#src/plugins/guest-comment-mixin';
 import GuestAccountCreation from '#src/components/Forms/GuestAccountCreation';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'CommentAsk',
diff --git a/src/components/Thanks/LoanNextSteps.vue b/src/components/Thanks/LoanNextSteps.vue
index e52272b93c..20646270f1 100644
--- a/src/components/Thanks/LoanNextSteps.vue
+++ b/src/components/Thanks/LoanNextSteps.vue
@@ -28,7 +28,7 @@
 
 <script>
 import { mdiCheckBold } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'LoanNextSteps',
diff --git a/src/components/Thanks/MyKiva/OptInModule.vue b/src/components/Thanks/MyKiva/OptInModule.vue
index 198ad8c2a1..510120ce60 100644
--- a/src/components/Thanks/MyKiva/OptInModule.vue
+++ b/src/components/Thanks/MyKiva/OptInModule.vue
@@ -56,12 +56,12 @@
 import { computed, inject, ref } from 'vue';
 import { gql } from 'graphql-tag';
 import logReadQueryError from '#src/util/logReadQueryError';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 import useIsMobile from '#src/composables/useIsMobile';
 import {
 	MOBILE_BREAKPOINT,
 } from '#src/composables/useBadgeModal';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
 import OptInNotification from './OptInNotification';
 
 const props = defineProps({
diff --git a/src/components/Thanks/MyKiva/OptInNotification.vue b/src/components/Thanks/MyKiva/OptInNotification.vue
index d0fe17426b..210a7c4dcd 100644
--- a/src/components/Thanks/MyKiva/OptInNotification.vue
+++ b/src/components/Thanks/MyKiva/OptInNotification.vue
@@ -30,7 +30,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
 
 const props = defineProps({
 	receiveNews: {
diff --git a/src/components/Thanks/MyKiva/ThanksBadges.vue b/src/components/Thanks/MyKiva/ThanksBadges.vue
index 774a58a5dc..98ff9258c4 100644
--- a/src/components/Thanks/MyKiva/ThanksBadges.vue
+++ b/src/components/Thanks/MyKiva/ThanksBadges.vue
@@ -158,16 +158,16 @@ import {
 	onMounted, ref, computed, inject
 } from 'vue';
 import confetti from 'canvas-confetti';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import KvExpandable from '#src/components/Kv/KvExpandable';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
+import KvLightbox from '#kv-components/KvLightbox';
 import SocialShareV2 from '#src/components/Checkout/SocialShareV2';
 import { mdiChevronDown, mdiArrowRight } from '@mdi/js';
 import CheckoutReceipt from '#src/components/Checkout/CheckoutReceipt';
 import GuestAccountCreation from '#src/components/Forms/GuestAccountCreation';
 import BadgeContainer from '#src/components/MyKiva/BadgeContainer';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 import useBadgeData, { MY_IMPACT_JOURNEYS_ID, MY_ACHIEVEMENTS_ID } from '#src/composables/useBadgeData';
 import OptInModule from './OptInModule';
 
diff --git a/src/components/Thanks/ShareChallenge.vue b/src/components/Thanks/ShareChallenge.vue
index 9e0970f445..bb7ba7cec5 100644
--- a/src/components/Thanks/ShareChallenge.vue
+++ b/src/components/Thanks/ShareChallenge.vue
@@ -127,9 +127,9 @@ import { mdiLink } from '@mdi/js';
 import { getFullUrl } from '#src/util/urlUtils';
 import clipboardCopy from 'clipboard-copy';
 import KvIcon from '#src/components/Kv/KvIcon';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'ShareChallenge',
diff --git a/src/components/Thanks/ThanksPageCommentAndShare.vue b/src/components/Thanks/ThanksPageCommentAndShare.vue
index b49a003ebe..3ba0bd2261 100644
--- a/src/components/Thanks/ThanksPageCommentAndShare.vue
+++ b/src/components/Thanks/ThanksPageCommentAndShare.vue
@@ -220,11 +220,11 @@ import ShareStepper from '#src/components/Thanks/ShareStepper';
 import CommentAsk from '#src/components/Thanks/CommentAsk';
 import KvIcon from '#src/components/Kv/KvIcon';
 import socialSharingMixin from '#src/plugins/social-sharing-mixin';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvProgressBar from '#kv-components/KvProgressBar';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
 import kivaShare from '#src/assets/images/thanks-page/kiva-share.png';
 
 export default {
diff --git a/src/components/Thanks/ThanksPageDonationOnly.vue b/src/components/Thanks/ThanksPageDonationOnly.vue
index 8119719d93..770f8ae297 100644
--- a/src/components/Thanks/ThanksPageDonationOnly.vue
+++ b/src/components/Thanks/ThanksPageDonationOnly.vue
@@ -128,9 +128,9 @@ import { getFullUrl } from '#src/util/urlUtils';
 import { gql } from 'graphql-tag';
 import { formatContentGroupsFlat } from '#src/util/contentfulUtils';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 const userQuery = gql`query userQuery {
 	my {
diff --git a/src/components/Thanks/WhatIsNextTemplate.vue b/src/components/Thanks/WhatIsNextTemplate.vue
index 8ce814a9da..1b88bc6d40 100644
--- a/src/components/Thanks/WhatIsNextTemplate.vue
+++ b/src/components/Thanks/WhatIsNextTemplate.vue
@@ -262,8 +262,8 @@ import confetti from 'canvas-confetti';
 import { gql } from 'graphql-tag';
 import logFormatter from '#src/util/logFormatter';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import { metaGlobReader } from '#src/util/importHelpers';
 
 const imagesGlob = import.meta.glob('../../assets/images/thanks-page/*.*', { eager: true, query: '?url' });
diff --git a/src/components/WwwFrame/Header/TeamsMenu.vue b/src/components/WwwFrame/Header/TeamsMenu.vue
index f24fbcff47..1fc2d8a264 100644
--- a/src/components/WwwFrame/Header/TeamsMenu.vue
+++ b/src/components/WwwFrame/Header/TeamsMenu.vue
@@ -85,7 +85,7 @@ import KvDropdown from '#src/components/Kv/KvDropdown';
 import {
 	mdiChevronDown,
 } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'TeamsMenu',
diff --git a/src/components/WwwFrame/LendMenu/LendListMenu.vue b/src/components/WwwFrame/LendMenu/LendListMenu.vue
index 7c56dc0cee..845e9208b6 100644
--- a/src/components/WwwFrame/LendMenu/LendListMenu.vue
+++ b/src/components/WwwFrame/LendMenu/LendListMenu.vue
@@ -176,11 +176,11 @@
 <script>
 import KvAccordionItem from '#src/components/Kv/KvAccordionItem';
 import { mdiArrowRight } from '@mdi/js';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvTab from '@kiva/kv-components/dist/components/KvTab';
-import KvTabPanel from '@kiva/kv-components/dist/components/KvTabPanel';
-import KvTabs from '@kiva/kv-components/dist/components/KvTabs';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvTab from '#kv-components/KvTab';
+import KvTabPanel from '#kv-components/KvTabPanel';
+import KvTabs from '#kv-components/KvTabs';
 import CountryList from './CountryList';
 import SearchList from './SearchList';
 
diff --git a/src/components/WwwFrame/LendMenu/LendMegaMenu.vue b/src/components/WwwFrame/LendMenu/LendMegaMenu.vue
index 1afccb246e..717765d24d 100644
--- a/src/components/WwwFrame/LendMenu/LendMegaMenu.vue
+++ b/src/components/WwwFrame/LendMenu/LendMegaMenu.vue
@@ -222,9 +222,9 @@
 
 <script>
 import { mdiArrowRight, mdiChevronLeft } from '@mdi/js';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvGrid from '#kv-components/KvGrid';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import CountryList from './CountryList';
 import SearchList from './SearchList';
 
diff --git a/src/components/WwwFrame/Menus/TheMyKivaSecondaryMenu.vue b/src/components/WwwFrame/Menus/TheMyKivaSecondaryMenu.vue
index 07ada652d5..999b8b93c0 100644
--- a/src/components/WwwFrame/Menus/TheMyKivaSecondaryMenu.vue
+++ b/src/components/WwwFrame/Menus/TheMyKivaSecondaryMenu.vue
@@ -195,8 +195,8 @@ import KvDropdown from '#src/components/Kv/KvDropdown';
 import KvExpandable from '#src/components/Kv/KvExpandable';
 import ThePortfolioTertiaryMenu from '#src/components/WwwFrame/Menus/ThePortfolioTertiaryMenu';
 import TheSettingsTertiaryMenu from '#src/components/WwwFrame/Menus/TheSettingsTertiaryMenu';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 const BORROWER_APPLICANT_COOKIE_NAME = 'kvborrowerapplicant';
 
diff --git a/src/components/WwwFrame/PromotionalBanner/Banners/AppealBanner/AppealBannerCircular.vue b/src/components/WwwFrame/PromotionalBanner/Banners/AppealBanner/AppealBannerCircular.vue
index e6e57bae94..9239890ef2 100644
--- a/src/components/WwwFrame/PromotionalBanner/Banners/AppealBanner/AppealBannerCircular.vue
+++ b/src/components/WwwFrame/PromotionalBanner/Banners/AppealBanner/AppealBannerCircular.vue
@@ -159,10 +159,10 @@ import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
 
 import { mdiClose } from '@mdi/js';
 import KvProgressCircle from '#src/components/Kv/KvProgressCircle';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
 
 export default {
 	name: 'AppealBannerCircular',
diff --git a/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue b/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue
index 9e19245800..24a73fc9b7 100644
--- a/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue
+++ b/src/components/WwwFrame/PromotionalBanner/Banners/Donation/DonationBanner.vue
@@ -103,10 +103,10 @@
 import { mdiClose } from '@mdi/js';
 import numeral from 'numeral';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
 
 export default {
 	name: 'DonationBanner',
diff --git a/src/components/WwwFrame/PromotionalBanner/Banners/GenericPromoBanner.vue b/src/components/WwwFrame/PromotionalBanner/Banners/GenericPromoBanner.vue
index 8086966c53..72275aeea5 100644
--- a/src/components/WwwFrame/PromotionalBanner/Banners/GenericPromoBanner.vue
+++ b/src/components/WwwFrame/PromotionalBanner/Banners/GenericPromoBanner.vue
@@ -46,7 +46,7 @@
 <script>
 import KvIcon from '#src/components/Kv/KvIcon';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
+import KvProgressBar from '#kv-components/KvProgressBar';
 
 export default {
 	name: 'GenericPromoBanner',
diff --git a/src/components/WwwFrame/SearchBar.vue b/src/components/WwwFrame/SearchBar.vue
index f7eb9df87b..b0b26b0c9a 100644
--- a/src/components/WwwFrame/SearchBar.vue
+++ b/src/components/WwwFrame/SearchBar.vue
@@ -89,7 +89,7 @@ import { mdiMagnify } from '@mdi/js';
 import lockScrollUtils from '#src/plugins/lock-scroll';
 import getCacheKey from '#src/util/getCacheKey';
 import { hasExcludedQueryParams } from '#src/util/loanSearch/queryParamUtils';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvTextInput from '#kv-components/KvTextInput';
 
 const engine = new SearchEngine();
 
diff --git a/src/components/WwwFrame/TheBasketBar.vue b/src/components/WwwFrame/TheBasketBar.vue
index 1269e72a41..35a95423a2 100644
--- a/src/components/WwwFrame/TheBasketBar.vue
+++ b/src/components/WwwFrame/TheBasketBar.vue
@@ -34,8 +34,8 @@
 <script>
 import countQuery from '#src/graphql/query/basketCount.graphql';
 import { mdiCart } from '@mdi/js';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'TheBasketBar',
diff --git a/src/components/WwwFrame/TheFooter.vue b/src/components/WwwFrame/TheFooter.vue
index 4afd51c561..b14be2bf29 100644
--- a/src/components/WwwFrame/TheFooter.vue
+++ b/src/components/WwwFrame/TheFooter.vue
@@ -821,9 +821,9 @@ import { getYear } from 'date-fns';
 import KvAccordionItem from '#src/components/Kv/KvAccordionItem';
 import Disclaimers from '#src/components/WwwFrame/DisclaimersContentful';
 import { mdiFacebook, mdiInstagram, mdiTwitter } from '@mdi/js';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import appStoreLogoUrl from '#src/assets/icons/app-store.svg?url';
 import playStoreLogoUrl from '#src/assets/icons/play-store.svg?url';
 
diff --git a/src/components/WwwFrame/TheHeader.vue b/src/components/WwwFrame/TheHeader.vue
index 384271d4d5..f9a7102b5e 100644
--- a/src/components/WwwFrame/TheHeader.vue
+++ b/src/components/WwwFrame/TheHeader.vue
@@ -612,10 +612,10 @@ import TeamsMenu from '#src/components/WwwFrame/Header/TeamsMenu';
 import { readBoolSetting } from '#src/util/settingsUtils';
 import experimentVersionFragment from '#src/graphql/fragments/experimentVersion.graphql';
 import addToBasketExpMixin from '#src/plugins/add-to-basket-exp-mixin';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvPageContainer from '#kv-components/KvPageContainer';
 import SearchBar from './SearchBar';
 import PromoCreditBanner from './PromotionalBanner/Banners/PromoCreditBanner';
 
diff --git a/src/components/WwwFrame/TheTipMessage.vue b/src/components/WwwFrame/TheTipMessage.vue
index c18cb1f6d9..917d751ffb 100644
--- a/src/components/WwwFrame/TheTipMessage.vue
+++ b/src/components/WwwFrame/TheTipMessage.vue
@@ -12,7 +12,7 @@ import { gql } from 'graphql-tag';
 import DOMPurify from 'dompurify';
 import { TIP, WARNING, ERROR } from '#src/api/fixtures/FlashMessageTypeEnum';
 import tipMessageData from '#src/graphql/query/tipMessage/tipMessageData.graphql';
-import KvToast from '@kiva/kv-components/dist/components/KvToast';
+import KvToast from '#kv-components/KvToast';
 
 // query for flash messages
 const flashMessageQuery = gql`
diff --git a/src/components/WwwFrame/WwwPageDesign.vue b/src/components/WwwFrame/WwwPageDesign.vue
index 2a70a0ea06..4eecdef774 100644
--- a/src/components/WwwFrame/WwwPageDesign.vue
+++ b/src/components/WwwFrame/WwwPageDesign.vue
@@ -198,10 +198,10 @@ import InstagramLogo from '#src/assets/inline-svgs/logos/instagram-logo.svg';
 import FacebookLogo from '#src/assets/inline-svgs/logos/facebook-logo.svg';
 import TwitterLogo from '#src/assets/inline-svgs/logos/twitter-logo.svg';
 import { createIntersectionObserver } from '#src/util/observerUtils';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'WwwPageDesign',
diff --git a/src/pages/AutoDeposit/AutoDepositThanksPage.vue b/src/pages/AutoDeposit/AutoDepositThanksPage.vue
index 819d774384..8500b75d64 100644
--- a/src/pages/AutoDeposit/AutoDepositThanksPage.vue
+++ b/src/pages/AutoDeposit/AutoDepositThanksPage.vue
@@ -69,7 +69,7 @@ import { gql } from 'graphql-tag';
 import numeral from 'numeral';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import KvDefaultWrapper from '#src/components/Kv/KvDefaultWrapper';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvGrid from '#kv-components/KvGrid';
 import emailOpeningUrl from '#src/assets/images/kiva-classic-illustrations/email-opening.svg?url';
 import thumbsUpUrl from '#src/assets/images/kiva-classic-illustrations/thumbs-up.svg?url';
 
diff --git a/src/pages/Autolending/AutolendingStatus.vue b/src/pages/Autolending/AutolendingStatus.vue
index 3825b4dabb..91a2bcc7c2 100644
--- a/src/pages/Autolending/AutolendingStatus.vue
+++ b/src/pages/Autolending/AutolendingStatus.vue
@@ -92,7 +92,7 @@ import KvSelect from '#src/components/Kv/KvSelect';
 import KvLoadingSpinner from '#src/components/Kv/KvLoadingSpinner';
 import KvRadio from '#src/components/Kv/KvRadio';
 import KvSettingsCard from '#src/components/Kv/KvSettingsCard';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvLightbox from '#kv-components/KvLightbox';
 
 export default {
 	name: 'AutolendingStatus',
diff --git a/src/pages/Autolending/AutolendingWhen.vue b/src/pages/Autolending/AutolendingWhen.vue
index cd464f7b41..7ab403b6bf 100644
--- a/src/pages/Autolending/AutolendingWhen.vue
+++ b/src/pages/Autolending/AutolendingWhen.vue
@@ -101,7 +101,7 @@ import KvSelect from '#src/components/Kv/KvSelect';
 import KvLoadingSpinner from '#src/components/Kv/KvLoadingSpinner';
 import KvRadio from '#src/components/Kv/KvRadio';
 import KvSettingsCard from '#src/components/Kv/KvSettingsCard';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvLightbox from '#kv-components/KvLightbox';
 
 import LendTimingDropdown from './LendTimingDropdown';
 import LendTimingMessaging from './LendTimingMessaging';
diff --git a/src/pages/Autolending/AutolendingWho.vue b/src/pages/Autolending/AutolendingWho.vue
index 25423ee669..d1c682c0ec 100644
--- a/src/pages/Autolending/AutolendingWho.vue
+++ b/src/pages/Autolending/AutolendingWho.vue
@@ -133,7 +133,7 @@ import { gql } from 'graphql-tag';
 import KvExpandable from '#src/components/Kv/KvExpandable';
 import KvIcon from '#src/components/Kv/KvIcon';
 import KvSettingsCard from '#src/components/Kv/KvSettingsCard';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvLightbox from '#kv-components/KvLightbox';
 
 import AttributeFilter from './AttributeFilter';
 import AttributeRadios from './AttributeRadios';
diff --git a/src/pages/Autolending/LoanCountSpan.vue b/src/pages/Autolending/LoanCountSpan.vue
index 1ac92520ec..7241bafa34 100644
--- a/src/pages/Autolending/LoanCountSpan.vue
+++ b/src/pages/Autolending/LoanCountSpan.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import KvLoadingSpinner from '@kiva/kv-components/dist/components/KvLoadingSpinner';
+import KvLoadingSpinner from '#kv-components/KvLoadingSpinner';
 
 export default {
 	name: 'LoanCountSpan',
diff --git a/src/pages/Autolending/SaveButton.vue b/src/pages/Autolending/SaveButton.vue
index 12b9aa50fa..ef574afdfc 100644
--- a/src/pages/Autolending/SaveButton.vue
+++ b/src/pages/Autolending/SaveButton.vue
@@ -41,7 +41,7 @@ import _get from 'lodash/get';
 import { gql } from 'graphql-tag';
 import KvButton from '#src/components/Kv/KvButton';
 import KvLoadingSpinner from '#src/components/Kv/KvLoadingSpinner';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvLightbox from '#kv-components/KvLightbox';
 
 export default {
 	name: 'SaveButton',
diff --git a/src/pages/Borrow/BorrowCommunity.vue b/src/pages/Borrow/BorrowCommunity.vue
index 49fce8f11c..f65084895b 100644
--- a/src/pages/Borrow/BorrowCommunity.vue
+++ b/src/pages/Borrow/BorrowCommunity.vue
@@ -37,8 +37,8 @@
 
 <script>
 import CommunityGraphic from '#src/assets/inline-svgs/borrow/community.svg';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'BorrowCommunity',
diff --git a/src/pages/Borrow/BorrowHowLong.vue b/src/pages/Borrow/BorrowHowLong.vue
index 5eb2156d83..b090b466cf 100644
--- a/src/pages/Borrow/BorrowHowLong.vue
+++ b/src/pages/Borrow/BorrowHowLong.vue
@@ -36,8 +36,8 @@
 
 <script>
 import IntroGraphic from '#src/assets/inline-svgs/borrow/howlong.svg';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'BorrowHowLong',
diff --git a/src/pages/Borrow/BorrowIndex.vue b/src/pages/Borrow/BorrowIndex.vue
index 2cd54e60c3..f2581a9f1a 100644
--- a/src/pages/Borrow/BorrowIndex.vue
+++ b/src/pages/Borrow/BorrowIndex.vue
@@ -10,7 +10,7 @@
 <script>
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import BorrowIntro from '#src/pages/Borrow/BorrowIntro';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'BorrowIndex',
diff --git a/src/pages/Borrow/BorrowIntro.vue b/src/pages/Borrow/BorrowIntro.vue
index 62aaa730c6..6ce5dc7a2f 100644
--- a/src/pages/Borrow/BorrowIntro.vue
+++ b/src/pages/Borrow/BorrowIntro.vue
@@ -107,9 +107,9 @@ import BorrowStep1 from '#src/assets/inline-svgs/borrow/precheck.svg';
 import BorrowStep2 from '#src/assets/inline-svgs/borrow/newaccount.svg';
 import BorrowStep3 from '#src/assets/inline-svgs/borrow/application.svg';
 
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
 
 export default {
 	name: 'BorrowIntro',
diff --git a/src/pages/BorrowerProfile/BorrowerProfile.vue b/src/pages/BorrowerProfile/BorrowerProfile.vue
index 657d76e02b..41bced5294 100644
--- a/src/pages/BorrowerProfile/BorrowerProfile.vue
+++ b/src/pages/BorrowerProfile/BorrowerProfile.vue
@@ -184,7 +184,7 @@ import experimentVersionFragment from '#src/graphql/fragments/experimentVersion.
 import lenderPublicProfileQuery from '#src/graphql/query/lenderPublicProfile.graphql';
 import TeamInfoFromId from '#src/graphql/query/teamInfoFromId.graphql';
 import ChallengeTeamInvite from '#src/components/BorrowerProfile/ChallengeTeamInvite';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 const getPublicId = route => route?.query?.utm_content ?? route?.query?.name ?? route?.query?.lender ?? '';
 
diff --git a/src/pages/Categories/CategoriesPage.vue b/src/pages/Categories/CategoriesPage.vue
index 02c9dc21cd..16fe7012e0 100644
--- a/src/pages/Categories/CategoriesPage.vue
+++ b/src/pages/Categories/CategoriesPage.vue
@@ -102,9 +102,9 @@ import LoanSpotlight from '#src/components/Categories/LoanSpotlight';
 import MonthlyGoodModule from '#src/components/Categories/MonthlyGoodModule';
 import FrequentlyAskedQuestions from '#src/components/Contentful/FrequentlyAskedQuestions';
 import { gql } from 'graphql-tag';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
 
 const allCategoriesPageQuery = gql`
 	query allCategoriesPageQuery {
diff --git a/src/pages/Checkout/CheckoutPage.vue b/src/pages/Checkout/CheckoutPage.vue
index b1a994fd51..f31890d380 100644
--- a/src/pages/Checkout/CheckoutPage.vue
+++ b/src/pages/Checkout/CheckoutPage.vue
@@ -333,9 +333,9 @@ import iwdExperimentMixin from '#src/plugins/iwd-experiment-mixin';
 import FtdsMessage from '#src/components/Checkout/FtdsMessage';
 import FtdsDisclaimer from '#src/components/Checkout/FtdsDisclaimer';
 import { removeLoansFromChallengeCookie } from '#src/util/teamChallengeUtils';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
 
 const ASYNC_CHECKOUT_EXP = 'async_checkout_rollout';
 const CHECKOUT_LOGIN_CTA_EXP = 'checkout_login_cta';
diff --git a/src/pages/InstantActions/ConfirmInstantDonation.vue b/src/pages/InstantActions/ConfirmInstantDonation.vue
index 91936d757c..f35019d46c 100644
--- a/src/pages/InstantActions/ConfirmInstantDonation.vue
+++ b/src/pages/InstantActions/ConfirmInstantDonation.vue
@@ -104,9 +104,9 @@ import numeral from 'numeral';
 import { formatContentGroupsFlat } from '#src/util/contentfulUtils';
 import { richTextRenderer } from '#src/util/contentful/richTextRenderer';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 const contentfulContentQuery = gql`query confirmDonationContent {
 	contentful {
diff --git a/src/pages/InstantActions/InstantDonationThanks.vue b/src/pages/InstantActions/InstantDonationThanks.vue
index 657caf523e..6e5193b31e 100644
--- a/src/pages/InstantActions/InstantDonationThanks.vue
+++ b/src/pages/InstantActions/InstantDonationThanks.vue
@@ -59,10 +59,10 @@ import { gql } from 'graphql-tag';
 import { formatContentGroupsFlat } from '#src/util/contentfulUtils';
 import { richTextRenderer } from '#src/util/contentful/richTextRenderer';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 const contentfulContentQuery = gql`query instantDonationThanksContent {
 	contentful {
diff --git a/src/pages/InstantActions/InstantLendingError.vue b/src/pages/InstantActions/InstantLendingError.vue
index 91394c7c05..14ba61a24d 100644
--- a/src/pages/InstantActions/InstantLendingError.vue
+++ b/src/pages/InstantActions/InstantLendingError.vue
@@ -57,10 +57,10 @@ import { gql } from 'graphql-tag';
 import { formatContentGroupsFlat } from '#src/util/contentfulUtils';
 import { richTextRenderer } from '#src/util/contentful/richTextRenderer';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 const instantLendingErrorContent = gql`query instantLendingContent {
 	contentful {
diff --git a/src/pages/InstantActions/ProcessInstantLending.vue b/src/pages/InstantActions/ProcessInstantLending.vue
index 46c4ac3094..e52547f046 100644
--- a/src/pages/InstantActions/ProcessInstantLending.vue
+++ b/src/pages/InstantActions/ProcessInstantLending.vue
@@ -105,12 +105,12 @@ import { richTextRenderer } from '#src/util/contentful/richTextRenderer';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import BorrowerImage from '#src/components/BorrowerProfile/BorrowerImage';
 import SummaryTag from '#src/components/BorrowerProfile/SummaryTag';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
-import KvLoadingSpinner from '@kiva/kv-components/dist/components/KvLoadingSpinner';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
+import KvLoadingSpinner from '#kv-components/KvLoadingSpinner';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 const processInstantLendingContent = gql`query instantLendingContent($loanId: Int!) {
 	contentful {
diff --git a/src/pages/Lend/LoanChannelCategoryPage.vue b/src/pages/Lend/LoanChannelCategoryPage.vue
index 97c6ae7955..5057f54c4d 100644
--- a/src/pages/Lend/LoanChannelCategoryPage.vue
+++ b/src/pages/Lend/LoanChannelCategoryPage.vue
@@ -39,7 +39,7 @@ import fiveDollarsTest, { FIVE_DOLLARS_NOTES_EXP } from '#src/plugins/five-dolla
 import hugeLendAmount from '#src/plugins/huge-lend-amount-mixin';
 import { trackExperimentVersion } from '#src/util/experiment/experimentUtils';
 import basketModalMixin from '#src/plugins/basket-modal-mixin';
-import KvCartModal from '@kiva/kv-components/dist/components/KvCartModal';
+import KvCartModal from '#kv-components/KvCartModal';
 
 const CATEGORY_REDIRECT_EXP_KEY = 'category_filter_redirect';
 
diff --git a/src/pages/Lend/LoanSearchPage.vue b/src/pages/Lend/LoanSearchPage.vue
index fe2120ffd6..371d0bb996 100644
--- a/src/pages/Lend/LoanSearchPage.vue
+++ b/src/pages/Lend/LoanSearchPage.vue
@@ -96,9 +96,9 @@ import ChallengeCallout from '#src/components/Lend/LoanSearch/ChallengeCallout';
 import basketModalMixin from '#src/plugins/basket-modal-mixin';
 import basketCountQuery from '#src/graphql/query/basketCount.graphql';
 import addToBasketExpMixin from '#src/plugins/add-to-basket-exp-mixin';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvCartModal from '@kiva/kv-components/dist/components/KvCartModal';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvCartModal from '#kv-components/KvCartModal';
 import { setChallengeCookieData } from '../../util/teamChallengeUtils';
 
 const FLSS_ONGOING_EXP_KEY = 'EXP-FLSS-Ongoing-Sitewide-3';
diff --git a/src/pages/LenderProfile/LenderProfile.vue b/src/pages/LenderProfile/LenderProfile.vue
index c509e0bc7e..bbbeae193c 100644
--- a/src/pages/LenderProfile/LenderProfile.vue
+++ b/src/pages/LenderProfile/LenderProfile.vue
@@ -21,7 +21,7 @@ import WwwPage from '#src/components/WwwFrame/WwwPage';
 import lenderPublicProfileQuery from '#src/graphql/query/lenderPublicProfile.graphql';
 import LenderProfileWrapper from '#src/components/LenderProfile/LenderProfileWrapper';
 import NotFoundWrapper from '#src/components/NotFound/NotFoundWrapper';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvPageContainer from '#kv-components/KvPageContainer';
 import useBadgeData from '#src/composables/useBadgeData';
 import lenderProfileBadgeDataQuery from '#src/graphql/query/lenderProfileBadgeData.graphql';
 
diff --git a/src/pages/LendingTeams/LendingTeams.vue b/src/pages/LendingTeams/LendingTeams.vue
index 733ff775ce..3a853c8b74 100644
--- a/src/pages/LendingTeams/LendingTeams.vue
+++ b/src/pages/LendingTeams/LendingTeams.vue
@@ -98,9 +98,9 @@
 <script>
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import TeamGoalsList from '#src/components/Teams/TeamGoalsList';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
 import TeamListing from './TeamListing';
 import TeamLeaderboards from './TeamLeaderboards';
 
diff --git a/src/pages/LendingTeams/TeamLeaderboard.vue b/src/pages/LendingTeams/TeamLeaderboard.vue
index 3c328e97d0..e18a8964d0 100644
--- a/src/pages/LendingTeams/TeamLeaderboard.vue
+++ b/src/pages/LendingTeams/TeamLeaderboard.vue
@@ -130,11 +130,11 @@
 import numeral from 'numeral';
 import teamNoImage from '#src/assets/images/team_s135.png';
 import _throttle from 'lodash/throttle';
-import KvTab from '@kiva/kv-components/dist/components/KvTab';
-import KvTabPanel from '@kiva/kv-components/dist/components/KvTabPanel';
-import KvTabs from '@kiva/kv-components/dist/components/KvTabs';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvTab from '#kv-components/KvTab';
+import KvTabPanel from '#kv-components/KvTabPanel';
+import KvTabs from '#kv-components/KvTabs';
+import KvProgressBar from '#kv-components/KvProgressBar';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'TeamLeaderboard',
diff --git a/src/pages/LendingTeams/TeamListing.vue b/src/pages/LendingTeams/TeamListing.vue
index d53cd10485..696d737eae 100644
--- a/src/pages/LendingTeams/TeamListing.vue
+++ b/src/pages/LendingTeams/TeamListing.vue
@@ -252,10 +252,10 @@ import numeral from 'numeral';
 import _mapValues from 'lodash/mapValues';
 import teamNoImage from '#src/assets/images/team_s135.png';
 import { gql } from 'graphql-tag';
-import KvPagination from '@kiva/kv-components/dist/components/KvPagination';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvPagination from '#kv-components/KvPagination';
+import KvSelect from '#kv-components/KvSelect';
+import KvButton from '#kv-components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import { fetchTeams, teamCategories, teamCategoryFriendlyName } from '../../util/teamsUtil';
 import TeamSearchBar from './TeamSearchBar';
 
diff --git a/src/pages/LendingTeams/TeamSearchBar.vue b/src/pages/LendingTeams/TeamSearchBar.vue
index da61f15c67..3758e9e1e8 100644
--- a/src/pages/LendingTeams/TeamSearchBar.vue
+++ b/src/pages/LendingTeams/TeamSearchBar.vue
@@ -23,8 +23,8 @@
 </template>
 
 <script>
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvButton from '#kv-components/KvButton';
+import KvTextInput from '#kv-components/KvTextInput';
 
 export default {
 	name: 'TeamSearchBar',
diff --git a/src/pages/LoanFinding/LoanFinding.vue b/src/pages/LoanFinding/LoanFinding.vue
index 542c0f78ff..e63b0fd245 100644
--- a/src/pages/LoanFinding/LoanFinding.vue
+++ b/src/pages/LoanFinding/LoanFinding.vue
@@ -130,7 +130,7 @@ import hugeLendAmount from '#src/plugins/huge-lend-amount-mixin';
 import experimentAssignmentQuery from '#src/graphql/query/experimentAssignment.graphql';
 import HandOrangeIcon from '#src/assets/images/hand_orange.svg';
 import basketModalMixin from '#src/plugins/basket-modal-mixin';
-import KvCartModal from '@kiva/kv-components/dist/components/KvCartModal';
+import KvCartModal from '#kv-components/KvCartModal';
 
 const prefetchedRecommendedLoansVariables = { pageLimit: 4, origin: FLSS_ORIGIN_LEND_BY_CATEGORY };
 const FLSS_ONGOING_EXP_KEY = 'EXP-FLSS-Ongoing-Sitewide-3';
diff --git a/src/pages/LoginAndRegister/GuestAccountClaim.vue b/src/pages/LoginAndRegister/GuestAccountClaim.vue
index 16dbbecdb8..8500072ac6 100644
--- a/src/pages/LoginAndRegister/GuestAccountClaim.vue
+++ b/src/pages/LoginAndRegister/GuestAccountClaim.vue
@@ -50,7 +50,7 @@ import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import SystemPage from '#src/components/SystemFrame/SystemPage';
 import KvBaseInput from '#src/components/Kv/KvBaseInput';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'GuestAccountClaim',
diff --git a/src/pages/LoginAndRegister/RegisterSocial.vue b/src/pages/LoginAndRegister/RegisterSocial.vue
index 46135c2955..fb56944f68 100644
--- a/src/pages/LoginAndRegister/RegisterSocial.vue
+++ b/src/pages/LoginAndRegister/RegisterSocial.vue
@@ -167,7 +167,7 @@ import KvBaseInput from '#src/components/Kv/KvBaseInput';
 import KvLoadingOverlay from '#src/components/Kv/KvLoadingOverlay';
 import ReCaptchaEnterprise from '#src/components/Forms/ReCaptchaEnterprise';
 import SystemPage from '#src/components/SystemFrame/SystemPage';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 import strategicPartnerLoginInfoByPageIdQuery from '#src/graphql/query/strategicPartnerLoginInfoByPageId.graphql';
 import experimentVersionFragment from '#src/graphql/fragments/experimentVersion.graphql';
 import { trackExperimentVersion } from '#src/util/experiment/experimentUtils';
diff --git a/src/pages/MonthlyGood/HowItWorks.vue b/src/pages/MonthlyGood/HowItWorks.vue
index fff33d28d2..c14c7b3337 100644
--- a/src/pages/MonthlyGood/HowItWorks.vue
+++ b/src/pages/MonthlyGood/HowItWorks.vue
@@ -18,7 +18,7 @@ import CenteredRichText from '#src/components/Contentful/CenteredRichText';
 import RichTextItemsCentered from '#src/components/Contentful/RichTextItemsCentered';
 import { darkGreenTheme } from '@kiva/kv-tokens/configs/kivaColors.cjs';
 
-import KvThemeProvider from '@kiva/kv-components/dist/components/KvThemeProvider';
+import KvThemeProvider from '#kv-components/KvThemeProvider';
 
 export default {
 	name: 'HowItWorks',
diff --git a/src/pages/MonthlyGood/LandingForm.vue b/src/pages/MonthlyGood/LandingForm.vue
index a3cd3830d9..4199399f10 100644
--- a/src/pages/MonthlyGood/LandingForm.vue
+++ b/src/pages/MonthlyGood/LandingForm.vue
@@ -63,8 +63,8 @@ import { required, minValue, maxValue } from '@vuelidate/validators';
 
 import KvCurrencyInput from '#src/components/Kv/KvCurrencyInput';
 import loanGroupCategoriesMixin from '#src/plugins/loan-group-categories';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvSelect from '#kv-components/KvSelect';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'LandingForm',
diff --git a/src/pages/MonthlyGood/MonthlyGoodSetupPage.vue b/src/pages/MonthlyGood/MonthlyGoodSetupPage.vue
index 2f7e89c5db..418df72668 100644
--- a/src/pages/MonthlyGood/MonthlyGoodSetupPage.vue
+++ b/src/pages/MonthlyGood/MonthlyGoodSetupPage.vue
@@ -324,10 +324,10 @@ import LegacySubscriberNotice from '#src/components/MonthlyGood/LegacySubscriber
 import MonthlyGoodDropInPaymentWrapper from '#src/components/MonthlyGood/MonthlyGoodDropInPaymentWrapper';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import loanGroupCategoriesMixin from '#src/plugins/loan-group-categories';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
-import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
-import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
+import KvButton from '#kv-components/KvButton';
+import KvCheckbox from '#kv-components/KvCheckbox';
+import KvSelect from '#kv-components/KvSelect';
+import KvTextInput from '#kv-components/KvTextInput';
 
 const pageQuery = gql`query monthlyGoodSetupPageControl {
 	general {
diff --git a/src/pages/MonthlyGood/MonthlyGoodThanksPage.vue b/src/pages/MonthlyGood/MonthlyGoodThanksPage.vue
index 3d1c865f0f..6c31a30511 100644
--- a/src/pages/MonthlyGood/MonthlyGoodThanksPage.vue
+++ b/src/pages/MonthlyGood/MonthlyGoodThanksPage.vue
@@ -28,7 +28,7 @@ import { mdiCheckCircle } from '@mdi/js';
 import { addMonths, formatDistanceToNow } from 'date-fns';
 import KvDefaultWrapper from '#src/components/Kv/KvDefaultWrapper';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 const pageQuery = gql`query monthlyGoodThanksPage {
 	my {
diff --git a/src/pages/NotFound.vue b/src/pages/NotFound.vue
index 11031fdb05..b243ab2467 100644
--- a/src/pages/NotFound.vue
+++ b/src/pages/NotFound.vue
@@ -11,7 +11,7 @@
 <script>
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import NotFoundWrapper from '#src/components/NotFound/NotFoundWrapper';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 export default {
 	name: 'NotFound',
diff --git a/src/pages/Portfolio/ImpactDashboard/AccountOverview.vue b/src/pages/Portfolio/ImpactDashboard/AccountOverview.vue
index adf14c782d..5aa2f99b6c 100644
--- a/src/pages/Portfolio/ImpactDashboard/AccountOverview.vue
+++ b/src/pages/Portfolio/ImpactDashboard/AccountOverview.vue
@@ -58,9 +58,9 @@
 import { gql } from 'graphql-tag';
 import numeral from 'numeral';
 import getCacheKey from '#src/util/getCacheKey';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'AccountOverview',
diff --git a/src/pages/Portfolio/ImpactDashboard/AccountUpdates.vue b/src/pages/Portfolio/ImpactDashboard/AccountUpdates.vue
index b5a73a1cfc..e709c4e9e4 100644
--- a/src/pages/Portfolio/ImpactDashboard/AccountUpdates.vue
+++ b/src/pages/Portfolio/ImpactDashboard/AccountUpdates.vue
@@ -81,7 +81,7 @@ import { gql } from 'graphql-tag';
 import { format } from 'date-fns';
 import DOMPurify from 'dompurify';
 import getCacheKey from '#src/util/getCacheKey';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncPortfolioSection from './AsyncPortfolioSection';
 
 export default {
diff --git a/src/pages/Portfolio/ImpactDashboard/CreditSummaryLightbox.vue b/src/pages/Portfolio/ImpactDashboard/CreditSummaryLightbox.vue
index a34e30619e..52316d1b92 100644
--- a/src/pages/Portfolio/ImpactDashboard/CreditSummaryLightbox.vue
+++ b/src/pages/Portfolio/ImpactDashboard/CreditSummaryLightbox.vue
@@ -134,9 +134,9 @@
 import { gql } from 'graphql-tag';
 import { mdiFileDocumentOutline } from '@mdi/js';
 import numeral from 'numeral';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvTextLink from '#kv-components/KvTextLink';
 
 const asNumber = value => numeral(value ?? 0).value();
 
diff --git a/src/pages/Portfolio/ImpactDashboard/EducationModule.vue b/src/pages/Portfolio/ImpactDashboard/EducationModule.vue
index 590bafe5b2..bbb5813921 100644
--- a/src/pages/Portfolio/ImpactDashboard/EducationModule.vue
+++ b/src/pages/Portfolio/ImpactDashboard/EducationModule.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvGrid from '#kv-components/KvGrid';
 import AsyncPortfolioSection from './AsyncPortfolioSection';
 import EducationPost from './EducationPost';
 import leafHeartUrl from '#src/assets/images/leaf_heart.svg?url';
diff --git a/src/pages/Portfolio/ImpactDashboard/EducationPost.vue b/src/pages/Portfolio/ImpactDashboard/EducationPost.vue
index 172441c692..7d5d93a043 100644
--- a/src/pages/Portfolio/ImpactDashboard/EducationPost.vue
+++ b/src/pages/Portfolio/ImpactDashboard/EducationPost.vue
@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
+import KvContentfulImg from '#kv-components/KvContentfulImg';
 
 export default {
 	name: 'EducationPost',
diff --git a/src/pages/Portfolio/ImpactDashboard/ImpactDashboardPage.vue b/src/pages/Portfolio/ImpactDashboard/ImpactDashboardPage.vue
index 9677881fdc..6e77f6c61a 100644
--- a/src/pages/Portfolio/ImpactDashboard/ImpactDashboardPage.vue
+++ b/src/pages/Portfolio/ImpactDashboard/ImpactDashboardPage.vue
@@ -48,8 +48,8 @@ import { gql } from 'graphql-tag';
 import { readBoolSetting } from '#src/util/settingsUtils';
 import portfolioQuery from '#src/graphql/query/portfolioQuery.graphql';
 import badgeGoalMixin from '#src/plugins/badge-goal-mixin';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 import AccountOverview from './AccountOverview';
 import AccountUpdates from './AccountUpdates';
 import DistributionGraphs from './DistributionGraphs';
diff --git a/src/pages/Portfolio/ImpactDashboard/KivaCreditStats.vue b/src/pages/Portfolio/ImpactDashboard/KivaCreditStats.vue
index aaa51aefb5..c79c8d32ef 100644
--- a/src/pages/Portfolio/ImpactDashboard/KivaCreditStats.vue
+++ b/src/pages/Portfolio/ImpactDashboard/KivaCreditStats.vue
@@ -42,8 +42,8 @@ import { gql } from 'graphql-tag';
 import numeral from 'numeral';
 import { defineAsyncComponent } from 'vue';
 import getCacheKey from '#src/util/getCacheKey';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvGrid from '#kv-components/KvGrid';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncPortfolioSection from './AsyncPortfolioSection';
 import KivaEffectFigure from './KivaEffectFigure';
 
diff --git a/src/pages/Portfolio/ImpactDashboard/KivaEffectFigure.vue b/src/pages/Portfolio/ImpactDashboard/KivaEffectFigure.vue
index bac57ee235..542749caa7 100644
--- a/src/pages/Portfolio/ImpactDashboard/KivaEffectFigure.vue
+++ b/src/pages/Portfolio/ImpactDashboard/KivaEffectFigure.vue
@@ -63,7 +63,7 @@
 
 <script>
 import numeral from 'numeral';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 const formatAmount = value => numeral(value).format('$0,0[.]00a');
 
diff --git a/src/pages/Portfolio/ImpactDashboard/LendingInsights.vue b/src/pages/Portfolio/ImpactDashboard/LendingInsights.vue
index 56ac73007e..1be88562f2 100644
--- a/src/pages/Portfolio/ImpactDashboard/LendingInsights.vue
+++ b/src/pages/Portfolio/ImpactDashboard/LendingInsights.vue
@@ -90,9 +90,9 @@ import numeral from 'numeral';
 import getCacheKey from '#src/util/getCacheKey';
 import { mdiArrowRight } from '@mdi/js';
 // import LoanCountOverTimeFigure from './LoanCountOverTimeFigure';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvGrid from '#kv-components/KvGrid';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import AsyncPortfolioSection from './AsyncPortfolioSection';
 
 export default {
diff --git a/src/pages/Portfolio/ImpactDashboard/LoanCommentModal.vue b/src/pages/Portfolio/ImpactDashboard/LoanCommentModal.vue
index 2c2a043193..07a96b1a83 100644
--- a/src/pages/Portfolio/ImpactDashboard/LoanCommentModal.vue
+++ b/src/pages/Portfolio/ImpactDashboard/LoanCommentModal.vue
@@ -47,9 +47,9 @@
 import logFormatter from '#src/util/logFormatter';
 import { mdiPencilOutline } from '@mdi/js';
 import loanAddComment from '#src/graphql/mutation/loanAddComment.graphql';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'LoanCommentModal',
diff --git a/src/pages/Portfolio/ImpactDashboard/RecentLoanItem.vue b/src/pages/Portfolio/ImpactDashboard/RecentLoanItem.vue
index 44c036e5f4..85ff02855c 100644
--- a/src/pages/Portfolio/ImpactDashboard/RecentLoanItem.vue
+++ b/src/pages/Portfolio/ImpactDashboard/RecentLoanItem.vue
@@ -86,8 +86,8 @@ import {
 	RAISED,
 	REFUNDED,
 } from '#src/api/fixtures/LoanStatusEnum';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvProgressBar from '#kv-components/KvProgressBar';
 
 const DELINQUENT = 'payingBackDelinquent';
 
diff --git a/src/pages/Portfolio/ImpactDashboard/RecentLoansList.vue b/src/pages/Portfolio/ImpactDashboard/RecentLoansList.vue
index 7862483efe..94b0aff979 100644
--- a/src/pages/Portfolio/ImpactDashboard/RecentLoansList.vue
+++ b/src/pages/Portfolio/ImpactDashboard/RecentLoansList.vue
@@ -48,8 +48,8 @@
 import { gql } from 'graphql-tag';
 import numeral from 'numeral';
 import getCacheKey from '#src/util/getCacheKey';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvGrid from '#kv-components/KvGrid';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncPortfolioSection from './AsyncPortfolioSection';
 import RecentLoanItem from './RecentLoanItem';
 import LoanCommentModal from './LoanCommentModal';
diff --git a/src/pages/Portfolio/ImpactDashboard/TeamChallenge.vue b/src/pages/Portfolio/ImpactDashboard/TeamChallenge.vue
index ab6423b91a..aad5e68764 100644
--- a/src/pages/Portfolio/ImpactDashboard/TeamChallenge.vue
+++ b/src/pages/Portfolio/ImpactDashboard/TeamChallenge.vue
@@ -48,7 +48,7 @@
 
 <script>
 import { mdiArrowRight } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'TeamChallenge',
diff --git a/src/pages/Portfolio/ImpactDashboard/YourDonations.vue b/src/pages/Portfolio/ImpactDashboard/YourDonations.vue
index 5bf069b555..e5a7ee7b15 100644
--- a/src/pages/Portfolio/ImpactDashboard/YourDonations.vue
+++ b/src/pages/Portfolio/ImpactDashboard/YourDonations.vue
@@ -98,11 +98,11 @@
 import { gql } from 'graphql-tag';
 import numeral from 'numeral';
 import { mdiArrowRight } from '@mdi/js';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvGrid from '#kv-components/KvGrid';
+import KvLightbox from '#kv-components/KvLightbox';
+import KvButton from '#kv-components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import AsyncPortfolioSection from './AsyncPortfolioSection';
 
 export default {
diff --git a/src/pages/Portfolio/ImpactDashboard/YourTeams.vue b/src/pages/Portfolio/ImpactDashboard/YourTeams.vue
index 98977ecf26..4e915dcb15 100644
--- a/src/pages/Portfolio/ImpactDashboard/YourTeams.vue
+++ b/src/pages/Portfolio/ImpactDashboard/YourTeams.vue
@@ -83,8 +83,8 @@
 import { gql } from 'graphql-tag';
 import numeral from 'numeral';
 import getCacheKey from '#src/util/getCacheKey';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvButton from '#kv-components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 import AsyncPortfolioSection from './AsyncPortfolioSection';
 
 export default {
diff --git a/src/pages/Portfolio/LendingStats/BadgesList.vue b/src/pages/Portfolio/LendingStats/BadgesList.vue
index 15caf421f3..8ae5a04a3b 100644
--- a/src/pages/Portfolio/LendingStats/BadgesList.vue
+++ b/src/pages/Portfolio/LendingStats/BadgesList.vue
@@ -41,7 +41,7 @@
 <script>
 import { formatMediaAssetArray } from '#src/util/contentfulUtils';
 import { gql } from 'graphql-tag';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'BadgesList',
diff --git a/src/pages/Portfolio/LendingStats/BadgesSection.vue b/src/pages/Portfolio/LendingStats/BadgesSection.vue
index 94e00e7405..b04df51c3b 100644
--- a/src/pages/Portfolio/LendingStats/BadgesSection.vue
+++ b/src/pages/Portfolio/LendingStats/BadgesSection.vue
@@ -24,7 +24,7 @@
 
 <script>
 import BadgesList from '#src/pages/Portfolio/LendingStats/BadgesList';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
 
 export default {
 	name: 'BadgesSection',
diff --git a/src/pages/Portfolio/LendingStats/LendingStatsPage.vue b/src/pages/Portfolio/LendingStats/LendingStatsPage.vue
index 101ae65f85..92a98f2632 100644
--- a/src/pages/Portfolio/LendingStats/LendingStatsPage.vue
+++ b/src/pages/Portfolio/LendingStats/LendingStatsPage.vue
@@ -92,8 +92,8 @@ import userAchievementProgressQuery from '#src/graphql/query/userAchievementProg
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import TheMyKivaSecondaryMenu from '#src/components/WwwFrame/Menus/TheMyKivaSecondaryMenu';
 import ThePortfolioTertiaryMenu from '#src/components/WwwFrame/Menus/ThePortfolioTertiaryMenu';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
 import BadgesSection from './BadgesSection';
 import StatsSection from './StatsSection';
 
diff --git a/src/pages/Portfolio/LendingStats/StatsSection.vue b/src/pages/Portfolio/LendingStats/StatsSection.vue
index 34005cc6bd..0745f6106c 100644
--- a/src/pages/Portfolio/LendingStats/StatsSection.vue
+++ b/src/pages/Portfolio/LendingStats/StatsSection.vue
@@ -67,8 +67,8 @@
 import _map from 'lodash/map';
 import { expand, collapse } from '#src/util/expander';
 import { mdiCheckCircle } from '@mdi/js';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvButton from '#kv-components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 import ItemList from './ItemList';
 
 export default {
diff --git a/src/pages/ProcessJoinTeam.vue b/src/pages/ProcessJoinTeam.vue
index f1f0dfbd78..94f62b76ee 100644
--- a/src/pages/ProcessJoinTeam.vue
+++ b/src/pages/ProcessJoinTeam.vue
@@ -39,9 +39,9 @@ import createTeamRecruitment from '#src/graphql/mutation/createTeamRecruitment.g
 import logReadQueryError from '#src/util/logReadQueryError';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import joinTeam from '#src/graphql/mutation/joinTeam.graphql';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvLoadingSpinner from '@kiva/kv-components/dist/components/KvLoadingSpinner';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvGrid from '#kv-components/KvGrid';
+import KvLoadingSpinner from '#kv-components/KvLoadingSpinner';
 
 const userTeamMembership = gql`query userTeamMembership( $teamPublicId: String!, $publicId: String!) {
 	my {
diff --git a/src/pages/Settings/FirstMFASetup.vue b/src/pages/Settings/FirstMFASetup.vue
index a3c3395dd0..c2f98a55d9 100644
--- a/src/pages/Settings/FirstMFASetup.vue
+++ b/src/pages/Settings/FirstMFASetup.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'FirstMFASetup',
diff --git a/src/pages/Settings/RecoveryCodeConfirm.vue b/src/pages/Settings/RecoveryCodeConfirm.vue
index 6859689e99..f82d96e191 100644
--- a/src/pages/Settings/RecoveryCodeConfirm.vue
+++ b/src/pages/Settings/RecoveryCodeConfirm.vue
@@ -40,8 +40,8 @@
 </template>
 
 <script>
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
+import KvButton from '#kv-components/KvButton';
+import KvCheckbox from '#kv-components/KvCheckbox';
 
 export default {
 	name: 'RecoveryCodeConfirm',
diff --git a/src/pages/Settings/SavedSearch.vue b/src/pages/Settings/SavedSearch.vue
index 01b3427f42..01af6ab6b8 100644
--- a/src/pages/Settings/SavedSearch.vue
+++ b/src/pages/Settings/SavedSearch.vue
@@ -45,8 +45,8 @@ import WwwPage from '#src/components/WwwFrame/WwwPage';
 import TheMyKivaSecondaryMenu from '#src/components/WwwFrame/Menus/TheMyKivaSecondaryMenu';
 import KvDefaultWrapper from '#src/components/Kv/KvDefaultWrapper';
 import KvSectionModalLoader from '#src/components/Kv/KvSectionModalLoader';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvButton from '#kv-components/KvButton';
+import KvGrid from '#kv-components/KvGrid';
 
 const pageQuery = gql`query savedSearchPage {
 	my {
diff --git a/src/pages/Settings/TwoStepVerificationPage.vue b/src/pages/Settings/TwoStepVerificationPage.vue
index 8074f35e6e..8627b99c61 100644
--- a/src/pages/Settings/TwoStepVerificationPage.vue
+++ b/src/pages/Settings/TwoStepVerificationPage.vue
@@ -145,8 +145,8 @@ import mfaQuery from '#src/graphql/query/mfa/mfaQuery.graphql';
 import removeMfa from '#src/graphql/mutation/mfa/removeMfa.graphql';
 import removeOneMfaMethod from '#src/graphql/mutation/mfa/removeOneMfaMethod.graphql';
 import KvDefaultWrapper from '#src/components/Kv/KvDefaultWrapper';
-import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvLoadingPlaceholder from '#kv-components/KvLoadingPlaceholder';
+import KvButton from '#kv-components/KvButton';
 
 export default {
 	name: 'TwoStepVerificationPage',
diff --git a/src/pages/StartVerification.vue b/src/pages/StartVerification.vue
index f1326da203..a34aed3e37 100644
--- a/src/pages/StartVerification.vue
+++ b/src/pages/StartVerification.vue
@@ -46,8 +46,8 @@ import { gql } from 'graphql-tag';
 import * as Sentry from '@sentry/vue';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import KvDefaultWrapper from '#src/components/Kv/KvDefaultWrapper';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
+import KvButton from '#kv-components/KvButton';
+import KvPageContainer from '#kv-components/KvPageContainer';
 
 function getFullPath(url = '/') {
 	if (url.startsWith('/')) {
diff --git a/src/pages/StyleGuide.vue b/src/pages/StyleGuide.vue
index 1878acd51d..ae7687b8d7 100644
--- a/src/pages/StyleGuide.vue
+++ b/src/pages/StyleGuide.vue
@@ -57,7 +57,7 @@
 import { mdiGithub } from '@mdi/js';
 import WwwPage from '#src/components/WwwFrame/WwwPage';
 import BuildPageWrapper from '#src/components/Build/BuildPageWrapper';
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
 
 export default {
 	name: 'StyleGuide',
diff --git a/src/pages/Thanks/ThanksPage.vue b/src/pages/Thanks/ThanksPage.vue
index 4ab2d04066..6929dc8334 100644
--- a/src/pages/Thanks/ThanksPage.vue
+++ b/src/pages/Thanks/ThanksPage.vue
@@ -184,7 +184,7 @@ import experimentVersionFragment from '#src/graphql/fragments/experimentVersion.
 import WhatIsNextTemplate from '#src/components/Thanks/WhatIsNextTemplate';
 import { trackExperimentVersion } from '#src/util/experiment/experimentUtils';
 import BadgesCustomization from '#src/components/Thanks/BadgesCustomization';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvButton from '#kv-components/KvButton';
 import { fetchGoals } from '#src/util/teamsUtil';
 import teamsGoalsQuery from '#src/graphql/query/teamsGoals.graphql';
 
diff --git a/src/pages/Thanks/ThanksPageChallenge.vue b/src/pages/Thanks/ThanksPageChallenge.vue
index aa65575fba..b2f2be1acb 100644
--- a/src/pages/Thanks/ThanksPageChallenge.vue
+++ b/src/pages/Thanks/ThanksPageChallenge.vue
@@ -182,11 +182,11 @@ import WwwPage from '#src/components/WwwFrame/WwwPage';
 import KvSocialShareButton from '#src/components/Kv/KvSocialShareButton';
 import { documentToHtmlString } from '@contentful/rich-text-html-renderer';
 
-import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
-import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
-import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
-import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
-import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvMaterialIcon from '#kv-components/KvMaterialIcon';
+import KvGrid from '#kv-components/KvGrid';
+import KvPageContainer from '#kv-components/KvPageContainer';
+import KvProgressBar from '#kv-components/KvProgressBar';
+import KvButton from '#kv-components/KvButton';
 
 const pageQuery = gql`query thanksPageChallenge($challengeId: String!) {
 	my {
diff --git a/test/unit/jest.conf.cjs b/test/unit/jest.conf.cjs
index 85da784445..5d97b9d3e9 100644
--- a/test/unit/jest.conf.cjs
+++ b/test/unit/jest.conf.cjs
@@ -10,6 +10,7 @@ module.exports = {
 		'^/src/(.*)$': '<rootDir>/src/$1',
 		'^#src/(.*)?url$': '<rootDir>/test/unit/transforms/svgTransform.cjs',
 		'^#src/(.*)$': '<rootDir>/src/$1',
+		'^#kv-components/(.*)$': '<rootDir>/node_modules/@kiva/kv-components/dist/components/$1',
 		foundation: '<rootDir>/build/no-op.js',
 	},
 	transform: {
diff --git a/test/unit/specs/components/BorrowerProfile/ChallengeTeamInvite.spec.js b/test/unit/specs/components/BorrowerProfile/ChallengeTeamInvite.spec.js
index 436764cad8..5394c00a92 100644
--- a/test/unit/specs/components/BorrowerProfile/ChallengeTeamInvite.spec.js
+++ b/test/unit/specs/components/BorrowerProfile/ChallengeTeamInvite.spec.js
@@ -1,6 +1,6 @@
 import { render } from '@testing-library/vue';
 import ChallengeTeamInvite from '#src/components/BorrowerProfile/ChallengeTeamInvite';
-import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
+import KvUserAvatar from '#kv-components/KvUserAvatar';
 import { globalOptions } from '../../../specUtils';
 
 const shareLender = { id: 1, name: 'Lender' };
diff --git a/vite.config.js b/vite.config.js
index 97b193d853..a2eb43a871 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -106,6 +106,8 @@ export default defineConfig(({ isSsrBuild, mode }) => {
 			alias: {
 				// alias src directory
 				'#src': resolve('src'),
+				// alias kv-component directory
+				'#kv-components': resolve('node_modules/@kiva/kv-components/dist/components'),
 				// alias promise module to handle timesync calling require('promise')
 				promise: resolve('build/promise.js'),
 				// this alias is required for the rendering of src/components/Contentful/DynamicRichText.vue