diff --git a/packages/ui/src/components/checkbox/checkbox.tsx b/packages/ui/src/components/checkbox/checkbox.tsx
index ef18f7e..cf023c2 100644
--- a/packages/ui/src/components/checkbox/checkbox.tsx
+++ b/packages/ui/src/components/checkbox/checkbox.tsx
@@ -20,7 +20,7 @@ const Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root
       {...props}
     >
       <CheckboxPrimitive.Indicator className={styles.indicator}>
-        {Icon ? <Icon className={styles.check} /> : <CheckIcon className={styles.check} />}{' '}
+        {Icon ? <Icon className={styles.check} /> : <CheckIcon className={styles.check} />}
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
   )
diff --git a/packages/ui/src/components/icon-button/icon-button.tsx b/packages/ui/src/components/icon-button/icon-button.tsx
index cebc753..605c311 100644
--- a/packages/ui/src/components/icon-button/icon-button.tsx
+++ b/packages/ui/src/components/icon-button/icon-button.tsx
@@ -57,8 +57,7 @@ function IconButton({
   const IconComponent = Icon as React.ComponentType<{ size?: number }>;
 
   if (!Icon) {
-    console.warn(`Icon "${name}" not found in lucide-react`);
-    return null;
+    throw new Error(`Icon "${name}" not found in lucide-react`);
   }
 
   const content = <IconComponent size={iconSize} />;
diff --git a/packages/ui/src/components/search-bar/search-bar.tsx b/packages/ui/src/components/search-bar/search-bar.tsx
index 3e6b0c4..d5eb4a8 100644
--- a/packages/ui/src/components/search-bar/search-bar.tsx
+++ b/packages/ui/src/components/search-bar/search-bar.tsx
@@ -40,7 +40,7 @@ const SearchBar = ({
         suffix={
           searchQuery && (
             <IconButton
-              name="XIcon"
+              name="X"
               onClick={handleClear}
               className={styles['clear-button']}
               label="Clear search"