diff --git a/resources/assets/scripts/components/server/Server.vue b/resources/assets/scripts/components/server/Server.vue
index 3026a7320..651a2fd59 100644
--- a/resources/assets/scripts/components/server/Server.vue
+++ b/resources/assets/scripts/components/server/Server.vue
@@ -129,15 +129,15 @@
             },
 
             _socket_error: function (err) {
-                this.$emit('socket-error', {err});
+                this.$emit('socket::error', {err});
             },
 
             _socket_connect: function () {
-                this.$emit('socket-connected');
+                this.$emit('socket::connected');
             },
 
             _socket_status: function (data) {
-                this.$emit('socket-status', {data});
+                this.$emit('socket::status', {data});
             },
 
             _socket_serverLog: function (data) {
diff --git a/resources/assets/scripts/components/server/subpages/ConsolePage.vue b/resources/assets/scripts/components/server/subpages/ConsolePage.vue
index cf3356158..c27b65f74 100644
--- a/resources/assets/scripts/components/server/subpages/ConsolePage.vue
+++ b/resources/assets/scripts/components/server/subpages/ConsolePage.vue
@@ -39,7 +39,7 @@
          * logs from the server to populate into the terminal.
          */
         mounted: function () {
-            this.$parent.$on('socket-connected', () => {
+            this.$parent.$on('socket::connected', () => {
                 this.terminal.open(this.$refs.terminal);
                 this.terminal.fit();
                 this.terminal.clear();
@@ -52,7 +52,7 @@
                 this.terminal.writeln(data);
             });
 
-            this.$parent.$on('socket-status', s => {
+            this.$parent.$on('socket::status', s => {
                 if (s === Status.STATUS_OFF) {
                     this.loadingConsole = false;
                 }
diff --git a/resources/assets/styles/components/spinners.css b/resources/assets/styles/components/spinners.css
index 155995a5f..4232ad130 100644
--- a/resources/assets/styles/components/spinners.css
+++ b/resources/assets/styles/components/spinners.css
@@ -1,8 +1,10 @@
 .spinner {
-  color: transparent;
+  @apply .h-4 .relative .bg-transparent;
   pointer-events: none;
-  position: relative;
-  @apply .h-16;
+
+  &.spinner-xl {
+    @apply .h-16;
+  }
 
   &:after {
     @apply .border-2 .border-grey-light .absolute .block .h-4 .w-4 .rounded-full;