diff --git a/src/components/Blog.js b/src/components/Blog.js
index 4b6e6ae..4414dd9 100644
--- a/src/components/Blog.js
+++ b/src/components/Blog.js
@@ -141,7 +141,7 @@ const Blog = () => {
                                         {
                                             article.categories.map((category, index2) => (
                                                 <div key={index2} className="flex text-sm mr-3 items-center opacity-50 font-bold font-mono">
-                                                    <CgHashtag />
+                                                    <span><CgHashtag /></span>
                                                     <span>{category}</span>
                                                 </div>
                                             ))
diff --git a/src/components/Details.js b/src/components/Details.js
index 52e98d5..f333d92 100644
--- a/src/components/Details.js
+++ b/src/components/Details.js
@@ -41,8 +41,12 @@ const Details = (props) => {
                                     props.profile.location && (
                                         <li>
                                             <span>
-                                                <MdLocationOn className="mr-2" />
-                                                {props.profile.location}
+                                                <div>
+                                                    <MdLocationOn className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    {props.profile.location}
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -51,38 +55,50 @@ const Details = (props) => {
                                     props.profile.company && (
                                         <li>
                                             <span>
-                                                <FaBuilding className="mr-2" />
-                                                {props.profile.company}
+                                                <div>
+                                                    <FaBuilding className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    {props.profile.company}
+                                                </div>
                                             </span>
                                         </li>
                                     )
                                 }
                                 <li>
                                     <span>
-                                        <AiFillGithub className="mr-2" />
-                                        <a
-                                            href={`https://github.com/${config.github.username}`}
-                                            target="_blank"
-                                            rel="noreferrer"
-                                            className="text-base-content-important"
-                                        >
-                                            {config.github.username}
-                                        </a>
+                                        <div>
+                                            <AiFillGithub className="mr-2"/>
+                                        </div>
+                                        <div>
+                                            <a
+                                                href={`https://github.com/${config.github.username}`}
+                                                target="_blank"
+                                                rel="noreferrer"
+                                                className="text-base-content-important"
+                                            >
+                                                {config.github.username}
+                                            </a>
+                                        </div>
                                     </span>
                                 </li>
                                 {
                                     typeof config.social.linkedin !== 'undefined' && config.social.linkedin && (
                                         <li>
                                             <span>
-                                                <GrLinkedinOption className="mr-2" />
-                                                <a
-                                                    href={`https://www.linkedin.com/in/${config.social.linkedin}`}
-                                                    target="_blank"
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.linkedin}
-                                                </a>
+                                                <div>
+                                                    <GrLinkedinOption className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`https://www.linkedin.com/in/${config.social.linkedin}`}
+                                                        target="_blank"
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.linkedin}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -91,15 +107,19 @@ const Details = (props) => {
                                     typeof config.social.twitter !== 'undefined' && config.social.twitter && (
                                         <li>
                                             <span>
-                                                <SiTwitter className="mr-2" />
-                                                <a
-                                                    href={`https://twitter.com/${config.social.twitter}`}
-                                                    target="_blank"
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.twitter}
-                                                </a>
+                                                <div>
+                                                    <SiTwitter className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`https://twitter.com/${config.social.twitter}`}
+                                                        target="_blank"
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.twitter}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -108,15 +128,19 @@ const Details = (props) => {
                                     typeof config.social.dribbble !== 'undefined' && config.social.dribbble && (
                                         <li>
                                             <span>
-                                                <CgDribbble className="mr-2" />
-                                                <a
-                                                    href={`https://dribbble.com/${config.social.dribbble}`}
-                                                    target="_blank"
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.dribbble}
-                                                </a>
+                                                <div>
+                                                    <CgDribbble className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`https://dribbble.com/${config.social.dribbble}`}
+                                                        target="_blank"
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.dribbble}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -125,15 +149,19 @@ const Details = (props) => {
                                     typeof config.social.behance !== 'undefined' && config.social.behance && (
                                         <li>
                                             <span>
-                                                <FaBehanceSquare className="mr-2" />
-                                                <a
-                                                    href={`https://www.behance.net/${config.social.behance}`}
-                                                    target="_blank"
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.behance}
-                                                </a>
+                                                <div>
+                                                    <FaBehanceSquare className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`https://www.behance.net/${config.social.behance}`}
+                                                        target="_blank"
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.behance}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -142,15 +170,19 @@ const Details = (props) => {
                                     typeof config.social.facebook !== 'undefined' && config.social.facebook && (
                                         <li>
                                             <span>
-                                                <FaFacebook className="mr-2" />
-                                                <a
-                                                    href={`https://www.facebook.com/${config.social.facebook}`}
-                                                    target="_blank"
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.facebook}
-                                                </a>
+                                                <div>
+                                                    <FaFacebook className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`https://www.facebook.com/${config.social.facebook}`}
+                                                        target="_blank"
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.facebook}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -159,15 +191,19 @@ const Details = (props) => {
                                     typeof config.social.medium !== 'undefined' && config.social.medium && (
                                         <li>
                                             <span>
-                                                <AiFillMediumSquare className="mr-2" />
-                                                <a
-                                                    href={`https://medium.com/@${config.social.medium}`}
-                                                    target="_blank"
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.medium}
-                                                </a>
+                                                <div>
+                                                    <AiFillMediumSquare className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`https://medium.com/@${config.social.medium}`}
+                                                        target="_blank"
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.medium}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -176,15 +212,19 @@ const Details = (props) => {
                                     typeof config.social.devto !== 'undefined' && config.social.devto && (
                                         <li>
                                             <span>
-                                                <FaDev className="mr-2" />
-                                                <a
-                                                    href={`https://dev.to/${config.social.devto}`}
-                                                    target="_blank"
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.devto}
-                                                </a>
+                                                <div>
+                                                    <FaDev className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`https://dev.to/${config.social.devto}`}
+                                                        target="_blank"
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.devto}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -193,15 +233,19 @@ const Details = (props) => {
                                     typeof config.social.website !== 'undefined' && config.social.website && (
                                         <li>
                                             <span>
-                                                <FaGlobe className="mr-2" />
-                                                <a
-                                                    href={`${config.social.website}`}
-                                                    target="_blank"
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.website}
-                                                </a>
+                                                <div>
+                                                    <FaGlobe className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`${config.social.website}`}
+                                                        target="_blank"
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.website}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -210,14 +254,18 @@ const Details = (props) => {
                                     typeof config.social.phone !== 'undefined' && config.social.phone && (
                                         <li>
                                             <span>
-                                                <RiPhoneFill className="mr-2" />
-                                                <a
-                                                    href={`tel:${config.social.phone}`}
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.phone}
-                                                </a>
+                                                <div>
+                                                    <RiPhoneFill className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`tel:${config.social.phone}`}
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.phone}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
@@ -226,15 +274,19 @@ const Details = (props) => {
                                     typeof config.social.email !== 'undefined' && config.social.email && (
                                         <li>
                                             <span>
-                                                <MdMail className="mr-2" />
-                                                <a
-                                                    href={`mailto:${config.social.email}`}
-                                                    target="_blank"
-                                                    rel="noreferrer"
-                                                    className="text-base-content-important"
-                                                >
-                                                    {config.social.email}
-                                                </a>
+                                                <div>
+                                                    <MdMail className="mr-2"/>
+                                                </div>
+                                                <div>
+                                                    <a
+                                                        href={`mailto:${config.social.email}`}
+                                                        target="_blank"
+                                                        rel="noreferrer"
+                                                        className="text-base-content-important"
+                                                    >
+                                                        {config.social.email}
+                                                    </a>
+                                                </div>
                                             </span>
                                         </li>
                                     )
diff --git a/src/components/Education.js b/src/components/Education.js
index d151807..aa8fb89 100644
--- a/src/components/Education.js
+++ b/src/components/Education.js
@@ -58,7 +58,9 @@ const Education = () => {
                                         config.education.map((item, index) => (
                                             <li key={index}>
                                                 <span>
-                                                    <GoPrimitiveDot className="mr-2 opacity-40"/>
+                                                    <div>
+                                                        <GoPrimitiveDot className="mr-2 opacity-40"/>
+                                                    </div>
                                                     <div>
                                                         <div className="block justify-between">
                                                             <div className="font-medium opacity-70">
diff --git a/src/components/Experience.js b/src/components/Experience.js
index eee6f8f..2237b58 100644
--- a/src/components/Experience.js
+++ b/src/components/Experience.js
@@ -58,7 +58,9 @@ const Experience = () => {
                                         config.experiences.map((experience, index) => (
                                             <li key={index}>
                                                 <span>
-                                                    <GoPrimitiveDot className="mr-2 opacity-40"/>
+                                                    <div>
+                                                        <GoPrimitiveDot className="mr-2 opacity-40"/>
+                                                    </div>
                                                     <div>
                                                         <div className="block justify-between">
                                                             <div className="font-medium opacity-70">