diff --git a/src/components/profile/SkillManagement.tsx b/src/components/profile/SkillManagement.tsx
index a193ce4f39458827d9d767b7c4e027630857e8ee..064827022ffd17b8068c4a3a775a1aeea02130e3 100644
--- a/src/components/profile/SkillManagement.tsx
+++ b/src/components/profile/SkillManagement.tsx
@@ -180,13 +180,13 @@ function SkillManagement() {
   });
 
   return (
-    <div className="flex flex-col lg:grid grid-cols-2 grid-rows-2 w-full gap-4 lg:gap-6">
-      <div className="w-full flex flex-col items-center row-span-1 col-span-1 row-start-1 col-start-1">
+    <div className="flex flex-col lg:grid grid-cols-2 grid-rows-2 auto-rows-min grid-flow-row w-full gap-4 lg:gap-6">
+      <div className="w-full flex flex-col justify-start items-start row-span-1 col-span-1 row-start-1 col-start-1 border-b-2 border-primary h-full max-h-[18.75rem] overflow-y-scroll box-border pb-4 py-2 lg:px-4">
         {userSkillsStatus === "success" && userSkills ? (
           userSkills.length === 0 ? (
             <p>You have no skills!</p>
           ) : (
-            <div className="flex flex-row flex-wrap gap-2">
+            <div className="flex flex-row  flex-wrap gap-2">
               {userSkills.map((skill) => (
                 <UserSkillBit
                   selected={selectedSkill?.skillName === skill.skillName}