diff --git a/@kiva/kv-components/src/vue/KvCompactLoanCard.vue b/@kiva/kv-components/src/vue/KvCompactLoanCard.vue
index 6abc5bc6..30b466f8 100644
--- a/@kiva/kv-components/src/vue/KvCompactLoanCard.vue
+++ b/@kiva/kv-components/src/vue/KvCompactLoanCard.vue
@@ -112,7 +112,7 @@
 							class="loan-card-use-text tw-w-full tw-overflow-hidden"
 						>
 							<div
-								v-for="(_n, i) in [...Array(4)]"
+								v-for="(_n, i) in [...Array(loanUseLoadingRows)]"
 								:key="i"
 								class="tw-h-2 tw-mb-1"
 							>
@@ -525,6 +525,10 @@ export default {
 			return { height, maxHeight };
 		});
 
+		const loanUseLoadingRows = computed(() => {
+			return props.showLightView ? 3 : 4;
+		});
+
 		const trackWebsiteClick = () => {
 			props.kvTrackFunction('Lending', 'click-Business Website', 'Website', props.loanId);
 		};
@@ -560,6 +564,7 @@ export default {
 			unreservedAmount,
 			sharesAvailable,
 			customStyle,
+			loanUseLoadingRows,
 			clickReadMore,
 			trackWebsiteClick,
 			handleCloseButton,
diff --git a/@kiva/kv-components/src/vue/stories/KvCompactLoanCard.stories.js b/@kiva/kv-components/src/vue/stories/KvCompactLoanCard.stories.js
index b2643613..7f60187e 100644
--- a/@kiva/kv-components/src/vue/stories/KvCompactLoanCard.stories.js
+++ b/@kiva/kv-components/src/vue/stories/KvCompactLoanCard.stories.js
@@ -288,6 +288,15 @@ export const ViewLoanFunded = story({
 	showViewLoan: true,
 });
 
+export const LightViewLoanLoading = lightStory({
+	loanId: loan.id,
+	loan: undefined,
+	kvTrackFunction,
+	photoPath,
+	showLightView: true,
+	truncateWordsNumber: TRUNCATE_WORDS_NUMBER,
+});
+
 export const LightViewLoan = lightStory({
 	loanId: loan.id,
 	loan,