diff --git a/examples/package.json b/examples/package.json
index 3e8f8c6..2769c45 100644
--- a/examples/package.json
+++ b/examples/package.json
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@sakura-ui/config": "^0.1.5",
-    "@sakura-ui/core": "^0.1.17",
+    "@sakura-ui/core": "^0.1.18",
     "@sakura-ui/forms": "^0.1.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
diff --git a/examples/src/App.tsx b/examples/src/App.tsx
index 2c5f87c..a437906 100644
--- a/examples/src/App.tsx
+++ b/examples/src/App.tsx
@@ -151,7 +151,11 @@ const App = () => {
       <div className="my-8">
         <H2>Frequently Asked Questions</H2>
         <Faq>
-          <Question>Why do you need an FAQ section?</Question>
+          <Question>
+            Why do you need an FAQ section?
+            <br />
+            FAQ Sample
+          </Question>
           <Answer>
             A good website experience anticipates the needs of a user at every
             stage of their journey, and on every page. It’s intuitive and all
diff --git a/packages/core/package.json b/packages/core/package.json
index 21af348..38f9457 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/core",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "type": "module",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
diff --git a/packages/core/src/components/Faq.tsx b/packages/core/src/components/Faq.tsx
index 8b1b169..24b3e8b 100644
--- a/packages/core/src/components/Faq.tsx
+++ b/packages/core/src/components/Faq.tsx
@@ -6,7 +6,6 @@ export interface FaqProps extends React.ComponentPropsWithoutRef<'dl'> {}
 const headingStyle = `
   text-h-med-m
   sm:text-h-med
-  !leading-none
 `
 
 export const Faq = (props: FaqProps) => {
@@ -75,7 +74,7 @@ export const Answer = (props: AnswerProps) => {
       itemType="https://schema.org/Answer"
       {...restProps}
     >
-      <span className={headingStyle} aria-hidden="true">
+      <span className={cx(headingStyle, '!leading-none')} aria-hidden="true">
         A
       </span>
       <span itemProp="text">{children}</span>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5a852a8..e06d6a3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,6 +27,49 @@ importers:
         specifier: ^3.2.7
         version: 3.3.2(ts-node@10.9.1)
 
+  examples:
+    dependencies:
+      '@sakura-ui/config':
+        specifier: ^0.1.5
+        version: link:../packages/config
+      '@sakura-ui/core':
+        specifier: ^0.1.17
+        version: link:../packages/core
+      '@sakura-ui/forms':
+        specifier: ^0.1.5
+        version: link:../packages/forms
+      react:
+        specifier: ^18.2.0
+        version: 18.2.0
+      react-dom:
+        specifier: ^18.2.0
+        version: 18.2.0(react@18.2.0)
+    devDependencies:
+      '@types/react':
+        specifier: ^18.2.12
+        version: 18.2.14
+      '@types/react-dom':
+        specifier: ^18.2.5
+        version: 18.2.6
+      '@vitejs/plugin-react-swc':
+        specifier: ^3.3.2
+        version: 3.3.2(vite@4.4.2)
+      autoprefixer:
+        specifier: ^10.4.14
+        version: 10.4.14(postcss@8.4.25)
+      postcss:
+        specifier: ^8.4.24
+        version: 8.4.25
+      tailwindcss:
+        specifier: ^3.3.2
+        version: 3.3.2
+      typescript:
+        specifier: ^5.1.3
+        version: 5.1.6
+      vite:
+        specifier: ^4.4.2
+        version: 4.4.2
+
   packages/config:
     devDependencies:
       '@types/jest':
@@ -1585,7 +1628,7 @@ packages:
       vite: ^4
     dependencies:
       '@swc/core': 1.3.68
-      vite: 4.4.2(@types/node@18.16.19)
+      vite: 4.4.2
     transitivePeerDependencies:
       - '@swc/helpers'
     dev: true
@@ -4344,6 +4387,23 @@ packages:
       camelcase-css: 2.0.1
       postcss: 8.4.25
 
+  /postcss-load-config@4.0.1(postcss@8.4.25):
+    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: 2.1.0
+      postcss: 8.4.25
+      yaml: 2.3.1
+    dev: true
+
   /postcss-load-config@4.0.1(postcss@8.4.25)(ts-node@10.9.1):
     resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
     engines: {node: '>= 14'}
@@ -4919,6 +4979,38 @@ packages:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
     dev: true
 
+  /tailwindcss@3.3.2:
+    resolution: {integrity: sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      arg: 5.0.2
+      chokidar: 3.5.3
+      didyoumean: 1.2.2
+      dlv: 1.1.3
+      fast-glob: 3.3.0
+      glob-parent: 6.0.2
+      is-glob: 4.0.3
+      jiti: 1.19.1
+      lilconfig: 2.1.0
+      micromatch: 4.0.5
+      normalize-path: 3.0.0
+      object-hash: 3.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.25
+      postcss-import: 15.1.0(postcss@8.4.25)
+      postcss-js: 4.0.1(postcss@8.4.25)
+      postcss-load-config: 4.0.1(postcss@8.4.25)
+      postcss-nested: 6.0.1(postcss@8.4.25)
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+      resolve: 1.22.2
+      sucrase: 3.32.0
+    transitivePeerDependencies:
+      - ts-node
+    dev: true
+
   /tailwindcss@3.3.2(ts-node@10.9.1):
     resolution: {integrity: sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==}
     engines: {node: '>=14.0.0'}
@@ -5220,6 +5312,41 @@ packages:
       spdx-expression-parse: 3.0.1
     dev: true
 
+  /vite@4.4.2:
+    resolution: {integrity: sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.18.11
+      postcss: 8.4.25
+      rollup: 3.26.2
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
   /vite@4.4.2(@types/node@18.16.19):
     resolution: {integrity: sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==}
     engines: {node: ^14.18.0 || >=16.0.0}