diff --git a/public/vcd.css b/public/vcd.css
index ab26fb3..392e535 100644
--- a/public/vcd.css
+++ b/public/vcd.css
@@ -5,7 +5,7 @@
     --main-dark-color: #2D323B;
     --main-light-color: var(--main-color);
     --sidebar-width: 330px;
-    --right-nav-width: 60px;
+    --right-nav-width: 50px;
     --time-scale-height: 30px;
     --sidebar-padding: 10px;
     --sidebar-item-margin: 5px;
diff --git a/src/components/right-nav.vue b/src/components/right-nav.vue
index 072a25d..cbda8f7 100644
--- a/src/components/right-nav.vue
+++ b/src/components/right-nav.vue
@@ -95,9 +95,9 @@ emitter.on('right-nav', index => {
 }
 
 .vcd-control-panel-icon {
-    width: 50px;
-    height: 50px;
-    font-size: 35px;
+    width: 45px;
+    height: 45px;
+    font-size: 30px;
 }
 
 .vcd-control-panel-active {
diff --git a/src/components/sidebar/signal-context-menu.vue b/src/components/sidebar/signal-context-menu.vue
index adea587..3b57ea3 100644
--- a/src/components/sidebar/signal-context-menu.vue
+++ b/src/components/sidebar/signal-context-menu.vue
@@ -166,10 +166,10 @@ function makeSignalIconClass(signal) {
 }
 
 .menu-item-container {
-    font-size: 0.9rem;
+    font-size: 0.8rem;
     display: flex;
     align-items: center;
-    margin: 5px;
+    margin: 2px;
     padding: 3px;
     padding-left: 10px;
     border-radius: .5em;
@@ -199,13 +199,13 @@ function makeSignalIconClass(signal) {
 }
 
 .basic-info {
-    font-size: .8rem;
+    font-size: .75rem;
     padding: 7px;
 }
 
 .info-item {
     display: flex;
-    margin-top: 12px;
+    margin-top: 10px;
 }
 
 .info-item-title {
diff --git a/src/components/treeview/modules.vue b/src/components/treeview/modules.vue
index 54c0249..35d99fd 100644
--- a/src/components/treeview/modules.vue
+++ b/src/components/treeview/modules.vue
@@ -103,7 +103,6 @@ const expandManage = reactive({
 .vcd-treeview-item {
     color: var(--vscode-foreground);
     cursor: pointer;
-    height: 27px;
     display: flex;
     align-items: center;
     white-space: nowrap;
@@ -126,16 +125,16 @@ const expandManage = reactive({
 }
 
 .module-tag-status {
-    width: 25px;
-    height: 25px;
+    width: 23px;
+    height: 23px;
     align-items: center;
     justify-content: space-around;
     display: flex;
 }
 
 .expand-tag {
-    height: 7px;
-    width: 7px;
+    height: 5px;
+    width: 5px;
     border-top: solid 1.7px var(--vscode-foreground);
     border-left: solid 1.7px var(--vscode-foreground);
     transform: rotate(225deg);
diff --git a/src/components/treeview/signals.vue b/src/components/treeview/signals.vue
index fbac779..e10c37b 100644
--- a/src/components/treeview/signals.vue
+++ b/src/components/treeview/signals.vue
@@ -138,7 +138,7 @@ function toggleRender(event, signal) {
     margin: 3px;
     display: flex;
     justify-content: space-between;
-    height: 23px;
+    height: 21px;
     padding-left: 3px;
     cursor: pointer;
     align-items: center;