diff --git a/src/commons/component/menu/about.component.html b/src/commons/component/menu/about.component.html
index d8db205..d04bd38 100644
--- a/src/commons/component/menu/about.component.html
+++ b/src/commons/component/menu/about.component.html
@@ -1,6 +1,6 @@
 <div>
   <div class="ui-logo-section">
-    <div style="display:inline-block; width: 90px; height: 80px;">
+    <div class="ui-logo">
       <svg svg aria-hidden="true" version="1.1" width="80" height="80">
         <g>
           <image _ngcontent-c11="" x="0" y="0" width="80" height="80" xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -8,7 +8,7 @@
         </g>
       </svg>
     </div>
-    <div style="display:inline-block;vertical-align:top;padding-top: 20px;">
+    <div class="ui-bi">
       <img src="../../assets/image/logo/overFlow_CI_blue_90.png">
       <h1>
         Network Scanner
diff --git a/src/commons/component/menu/about.component.scss b/src/commons/component/menu/about.component.scss
index e91b9b9..5082bff 100644
--- a/src/commons/component/menu/about.component.scss
+++ b/src/commons/component/menu/about.component.scss
@@ -2,4 +2,15 @@
   margin: 0px 0px 20px 0px;
   padding: 15px 0px;
   border-bottom: 1px solid var(--box-border-color);
+  div{
+    display: inline-block;
+  }
+  .ui-logo{
+    width: 90px;
+    height: 80px;
+  }
+  .ui-bi{
+    vertical-align:top;
+    padding-top: 20px;
+  }
 }
\ No newline at end of file