diff --git a/hwe/ts/components/BottomBar.vue b/hwe/ts/components/BottomBar.vue
index 72a6d348..1f7fd8f5 100644
--- a/hwe/ts/components/BottomBar.vue
+++ b/hwe/ts/components/BottomBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <table style="width: 1000px; margin: auto" class="tb_layout bg0">
+  <table style="width: 1000px; margin: auto" class="bg0">
     <tr>
       <td style="text-align: left">
         {{title}}<br /><button
diff --git a/hwe/ts/components/TopBackBar.vue b/hwe/ts/components/TopBackBar.vue
index 352508d0..ff4e3687 100644
--- a/hwe/ts/components/TopBackBar.vue
+++ b/hwe/ts/components/TopBackBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tb_layout bg0 back_bar">
+  <div class="bg0 back_bar">
     <button type="button" class="btn btn-primary back_btn" @click="back">
       돌아가기
     </button>
diff --git a/hwe/ts/inheritPoint.vue b/hwe/ts/inheritPoint.vue
index d57685fd..53c50a2c 100644
--- a/hwe/ts/inheritPoint.vue
+++ b/hwe/ts/inheritPoint.vue
@@ -2,8 +2,8 @@
   <top-back-bar :title="title" />
   <div
     id="container"
-    class="tb_layout bg0"
-    style="max-width: 1000px; margin: auto; border: solid 1px #888888"
+    class="bg0 px-2"
+    style="max-width: 1000px; margin: auto; border: solid 1px #888888; overflow:hidden;"
   >
     <div id="inheritance_list" class="row">
       <template v-for="(text, key) in inheritanceViewText" :key="key">
@@ -14,10 +14,10 @@
           <div class="row">
             <label
               :id="`inherit_${key}_head`"
-              class="inherit_head col col-md-6 col-sm-12 col-6 col-form-label"
+              class="inherit_head col col-md-6 col-sm-7 col-6 col-form-label"
               >{{ text.title }}</label
             >
-            <div class="col col-md-6 col-sm-12 col-6">
+            <div class="col col-md-6 col-sm-5 col-6">
               <input
                 type="text"
                 class="form-control inherit_value"