diff --git a/src/components/skill/index.jsx b/src/components/skill/index.jsx
index 888350d..f782b80 100644
--- a/src/components/skill/index.jsx
+++ b/src/components/skill/index.jsx
@@ -36,7 +36,7 @@ const Skill = ({ loading }) => {
                   : config.skills.map((skill, index) => (
                       <div
                         key={index}
-                        className="m-1 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 badge-primary opacity-75 rounded-full"
+                        className="m-1 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 badge-primary bg-opacity-90 rounded-full"
                       >
                         {skill}
                       </div>