Exported package looks nothing like storybook

<img width="596" alt="image" src="https://github.com/Mosque-ICU/Islamic_ware/assets/93336567/1ba751d8-fbad-4997-9e11-c125aac51f6c">
**vs**
<img width="786" alt="image" src="https://github.com/Mosque-ICU/Islamic_ware/assets/93336567/86d30488-3896-426c-a758-0a380917b2b3">
ignore the backing of the component

