diff --git a/backend/public/css/app.css b/backend/public/css/app.css
index 4bae6abe..d2de9db1 100644
--- a/backend/public/css/app.css
+++ b/backend/public/css/app.css
@@ -12300,3 +12300,13 @@ a {
   -o-object-fit: contain;
      object-fit: contain;
 }
+
+.mypage-nav-list__item.nav-active .prof-wrap {
+  border: 1px solid #F0DE00 !important;
+}
+@media screen and (min-width: 1024px) {
+  .mypage-nav-list__item .prof-wrap {
+    width: 24px !important;
+    height: 24px !important;
+  }
+}
diff --git a/backend/resources/sass/layouts/_main.scss b/backend/resources/sass/layouts/_main.scss
index 8efefef4..31bfb362 100644
--- a/backend/resources/sass/layouts/_main.scss
+++ b/backend/resources/sass/layouts/_main.scss
@@ -183,4 +183,18 @@ a{
     height: 100%;
     object-fit: contain;
   }
+}
+
+.mypage-nav-list__item{
+  &.nav-active{
+    .prof-wrap{
+      border: 1px solid #F0DE00 !important;;
+    }
+  }
+  .prof-wrap{
+    @media screen and (min-width:1024px){
+      width: 24px !important;
+      height: 24px !important;
+    }
+  }
 }
\ No newline at end of file