diff --git a/src/App.vue b/src/App.vue
index 543fc57..dc6dec8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -107,4 +107,37 @@ body, html {
   font-family: sans-serif;
 }
 
+*::-webkit-scrollbar {
+    height: 2px;
+  }
+*::-webkit-scrollbar-button {
+    width: 0px;
+    height: 0px;
+}
+*::-webkit-scrollbar-thumb {
+    background: #e1e1e1;
+    border: 0px none #ffffff;
+    border-radius: 50px;
+}
+*::-webkit-scrollbar-thumb:hover {
+    background: #ffffff;
+}
+*::-webkit-scrollbar-thumb:active {
+    background: #000000;
+}
+*::-webkit-scrollbar-track {
+    background: #00000000;
+    border: 0px none #ffffff;
+    border-radius: 50px;
+}
+*::-webkit-scrollbar-track:hover {
+    background: #666666;
+}
+*::-webkit-scrollbar-track:active {
+    background: #333333;
+}
+*::-webkit-scrollbar-corner {
+    background: transparent;
+}
+
 
diff --git a/src/components/ActionButton.vue b/src/components/ActionButton.vue
index 468d949..33dd78a 100644
--- a/src/components/ActionButton.vue
+++ b/src/components/ActionButton.vue
@@ -53,7 +53,10 @@ export default class ActionButton extends Vue {
 .action-button {
   width: 100%;
   padding: 4pt;
+  flex: 0 1;
   background: #333;
+  border-color: #666;
+  border-style: outset;
 }
 
 .action-button:hover {
diff --git a/src/components/Combat.vue b/src/components/Combat.vue
index 936f5a3..0760de9 100644
--- a/src/components/Combat.vue
+++ b/src/components/Combat.vue
@@ -7,6 +7,9 @@