diff --git a/src/CardImg.svelte b/src/CardImg.svelte
index 6b975fc5..86c8d3a5 100644
--- a/src/CardImg.svelte
+++ b/src/CardImg.svelte
@@ -5,7 +5,7 @@
   export { className as class };
   export let top = false;
   export let bottom = false;
-  export let src;
+  export let src = '';
   export let alt = '';
 
   let classes = '';
diff --git a/src/__test__/Icon.spec.js b/src/__test__/Icon.spec.js
index 1e20eceb..dd223bdb 100644
--- a/src/__test__/Icon.spec.js
+++ b/src/__test__/Icon.spec.js
@@ -7,7 +7,7 @@ describe('Icon', () => {
   test('should render correctly', () => {
     const { container } = render(Icon, { props: { name: 'globe' } });
     const component = container.querySelector('.bi-globe');
-    expect(component.className).toBe('bi-globe');
+    expect(component.className).toBe('bi bi-globe');
   });
 
   test('should render custom class', () => {
@@ -16,6 +16,6 @@ describe('Icon', () => {
     });
 
     const component = container.querySelector('.bi-book');
-    expect(component.className).toBe('text-dark bi-book');
+    expect(component.className).toBe('text-dark bi bi-book');
   });
 });
diff --git a/src/__test__/Input.spec.js b/src/__test__/Input.spec.js
index 63eacbb2..17e66f64 100644
--- a/src/__test__/Input.spec.js
+++ b/src/__test__/Input.spec.js
@@ -63,13 +63,13 @@ describe('Input', () => {
   });
 
   test('should render sm size', () => {
-    const container = renderInput({ size: 'sm' });
+    const container = renderInput({ bsSize: 'sm' });
     const input = container.querySelector('input');
     expect(input.className).toContain('form-control form-control-sm');
   });
 
   test('should render lg size', () => {
-    const container = renderInput({ size: 'lg' });
+    const container = renderInput({ bsSize: 'lg' });
     const input = container.querySelector('input');
     expect(input.className).toContain('form-control-lg');
   });