diff --git a/src/assets/scss/component/static-box.scss b/src/assets/scss/component/static-box.scss
index 7b1e43c..fe4b015 100644
--- a/src/assets/scss/component/static-box.scss
+++ b/src/assets/scss/component/static-box.scss
@@ -4,7 +4,6 @@
   background-color: white;
   border-radius: 15px;
   border: $theme-color 4px solid;
-
   .title-box {
     @include flex-box(row, center, 0px);
     width: 100%;
diff --git a/src/components/member/MemberInfo.vue b/src/components/member/MemberInfo.vue
index c90065e..8622d7c 100644
--- a/src/components/member/MemberInfo.vue
+++ b/src/components/member/MemberInfo.vue
@@ -34,7 +34,7 @@ computed: {
     return formatNumber(this.memberStore.currentMember.totalInvoiceAmount);
   },
   totalUnpaidAmount() {
-    return formatNumber(this.memberStore.currentMember.totalInvoiceAmount);
+    return formatNumber(this.memberStore.currentMember.totalUnpaidAmount);
   },
   createdAtDate() {
     return toDateFromDateTime(this.memberStore.currentMember.createdAt)
diff --git a/src/components/static/InvoiceDoughnutChart.vue b/src/components/static/InvoiceDoughnutChart.vue
index 1ad98e5..a94313c 100644
--- a/src/components/static/InvoiceDoughnutChart.vue
+++ b/src/components/static/InvoiceDoughnutChart.vue
@@ -96,7 +96,7 @@ export default {
 @import "@/assets/scss/component/static-box.scss";
 
 .static-box {
-  height: 100%
+  height: 100%;
 }
 
 
diff --git a/src/components/static/ProgressBox.vue b/src/components/static/ProgressBox.vue
index 1953f02..00327e4 100644
--- a/src/components/static/ProgressBox.vue
+++ b/src/components/static/ProgressBox.vue
@@ -65,9 +65,13 @@ export default {
 <style lang="scss" scoped>
 
 @import "@/assets/scss/component/static-box.scss";
+.static-box {
+  width: 55%;
+}
+
 .progress {
-  height: 40px;
   width: 250px;
+  height: 40px;
   border: $theme-color 3px solid;
   background-color: white;
   box-shadow: $base-shadow;
diff --git a/src/components/static/ThisMonthStatic.vue b/src/components/static/ThisMonthStatic.vue
index 0a6780c..fd0272b 100644
--- a/src/components/static/ThisMonthStatic.vue
+++ b/src/components/static/ThisMonthStatic.vue
@@ -82,7 +82,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
 @import "@/assets/scss/component/static-box.scss";
+.static-box {
+  width: 45%;
+}
+
 
 .info-box {
   @include flex-box(row, center, 30px);
diff --git a/src/views/home/HomeView.vue b/src/views/home/HomeView.vue
index b9cf70e..3ad9b9a 100644
--- a/src/views/home/HomeView.vue
+++ b/src/views/home/HomeView.vue
@@ -1,18 +1,16 @@
 <template>
   <div class="root-container">
     <div class="main-container">
-      <div class="top-container">
-        <div class="top-left">
-          <ThisMonthStatic />
-          <ProgressBoxVue />
-        </div>
-        <div class="btn-container">
+      <div class="btn-container">
           <div class="btn-row">
             <ExcelBtnVue title="CSV" :func="downloadCsvData" />
             <ExcelBtnVue title="엑셀" :func="downloadExcelData" />
           </div>
-          <ThemeWideBtnVue title="비회원 접속 링크" @click="() => operationLinkModal(true)"/>
+          <ThemeBtnVue title="비회원 접속 링크" @click="() => operationLinkModal(true)"/>
         </div>
+      <div class="top-container">
+          <ThisMonthStatic />
+          <ProgressBoxVue />
       </div>
       <div class="bottom-container">
         <InvoiceAreaChartVue />
@@ -32,7 +30,7 @@ import ProgressBoxVue from '@/components/static/ProgressBox.vue';
 import ThisMonthStatic from '@/components/static/ThisMonthStatic.vue';
 import InvoiceDoughnutChartVue from '@/components/static/InvoiceDoughnutChart.vue';
 import InvoiceAreaChartVue from '@/components/static/InvoiceAreaChart.vue';
-import ThemeWideBtnVue from '@/components/common/btn/ThemeWideBtn.vue';
+import ThemeBtnVue from '@/components/common/btn/ThemeBtn.vue';
 import ExcelBtnVue from '@/components/common/btn/ExcelBtn.vue';
 import NonMemberLinkModalVue from '@/components/static/modal/NonMemberLinkModal.vue';
 
@@ -43,8 +41,8 @@ export default {
     ThisMonthStatic,
     InvoiceDoughnutChartVue,
     InvoiceAreaChartVue,
-    ThemeWideBtnVue,
     ExcelBtnVue,
+    ThemeBtnVue,
     NonMemberLinkModalVue
   },
   data() {
@@ -105,30 +103,29 @@ export default {
   padding: 30px 50px;
 
   .main-container {
-    @include flex-box(column, center, 50px);
+    @include flex-box(column, center, 30px);
     width: 1400px;
   }
 }
 
 .top-container {
-  @include flex-box(row, space-between, 40px);
+  @include flex-box(row, center, 50px);
   width: 100%;
 
   .top-left {
     @include flex-box(row, space-between, 30px);
     min-width: 1000px;
   }
+}
 
-  .btn-container {
-    @include flex-box(column, center, 20px);
-    width: 250px;
+.btn-container {
+    @include flex-box(row, space-between, 20px);
+    width: 100%;
 
     .btn-row {
-      @include flex-box(row, space-between, 20px);
-      width: 100%;
+      @include flex-box(row, center, 20px);
     }
   }
-}
 
 .bottom-container {
   @include flex-box(row, space-between, 30px);