diff --git a/src/components/Checkbox/Checkbox.stories.mdx b/src/components/Checkbox/Checkbox.stories.mdx
index e589986..c3ee1ac 100644
--- a/src/components/Checkbox/Checkbox.stories.mdx
+++ b/src/components/Checkbox/Checkbox.stories.mdx
@@ -9,6 +9,12 @@ export const defaultArgs = {
     },
     defaultValue: 'checkbox',
   },
+  checked: {
+    control: {
+      type: 'boolean',
+    },
+    defaultValue: false,
+  },
   label: {
     control: {
       type: 'text',
diff --git a/src/components/Icon/Icon.vue b/src/components/Icon/Icon.vue
index 5b65e38..90591cf 100644
--- a/src/components/Icon/Icon.vue
+++ b/src/components/Icon/Icon.vue
@@ -13,7 +13,7 @@ const props = withDefaults(defineProps<Props>(), {
   name: 'face',
   kind: 'outlined',
   size: 24,
-  color: 'currentColor',
+  color: '',
   fontWeight: () => 'regular',
 });
 
@@ -22,6 +22,9 @@ const styles = computed(() => {
     fontSize: `${props.size}px`,
     fontWeight: `${props.fontWeight}`,
     color: props.color,
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
   };
 });