diff --git a/src/components/skill/index.jsx b/src/components/skill/index.jsx
index 1f2a583..888350d 100644
--- a/src/components/skill/index.jsx
+++ b/src/components/skill/index.jsx
@@ -30,13 +30,13 @@ const Skill = ({ loading }) => {
               </h5>
             </div>
             <div className="p-3 flow-root">
-              <div className="-m-1 flex flex-wrap">
+              <div className="-m-1 flex flex-wrap justify-center">
                 {loading
                   ? renderSkeleton()
                   : 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 bg-opacity-75 rounded-full"
+                        className="m-1 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 badge-primary opacity-75 rounded-full"
                       >
                         {skill}
                       </div>