diff --git a/packages/core/src/components/persea/index.scss b/packages/core/src/components/persea/index.scss
index 666df1f..0a506c9 100644
--- a/packages/core/src/components/persea/index.scss
+++ b/packages/core/src/components/persea/index.scss
@@ -223,7 +223,7 @@ fieldset {
 
 button, .button {
   background-color: rgba(0, 0, 0, 0.25);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  border: 2px solid rgba(255, 255, 255, 0.1);
   color: #ffffff;
   font-size: 100%;
   margin: 0.5em 0;
diff --git a/packages/core/src/components/project/sidebar/index.jsx b/packages/core/src/components/project/sidebar/index.jsx
index 1b37170..9f057f6 100644
--- a/packages/core/src/components/project/sidebar/index.jsx
+++ b/packages/core/src/components/project/sidebar/index.jsx
@@ -95,7 +95,7 @@ const Sidebar = ({
             .find(({matcher}) => value.match(matcher))
             .Component;
           return (
-            <div className="label">
+            <div className="label inline">
               {!nodes && <div className={`icon ${displayName}`} />}
               <span className="text">{label}</span>
               {value === uuid && (
diff --git a/packages/core/src/components/project/sidebar/index.scss b/packages/core/src/components/project/sidebar/index.scss
index 6249eab..54ee5a2 100644
--- a/packages/core/src/components/project/sidebar/index.scss
+++ b/packages/core/src/components/project/sidebar/index.scss
@@ -11,43 +11,47 @@
   &.open {
     left: 0;
   }
-  @media(min-width: 80rem) {
+  @media(min-width: 90rem) {
     position: static;
-    width: 80rem;
+    width: 30rem;
   }
   > .tree > .node > .item .label > .text {
     flex-grow: 1;
     overflow: hidden;
     text-overflow: ellipsis;
   }
-  .label > .icon {
-    background-size: cover;
-    margin-right: 0.125em;
-    width: 1em;
-    height: 1em;
-    &.AudioComponent {
-      background-image: url('./img/sound.png');
-    }
-    &.Binary {
-      background-image: url('./img/question.png');
-    }
-    &.EntityComponent {
-      background-image: url('./img/joystick.png');
-    }
-    &.ImageComponent {
-      background-image: url('./img/image.png');
-    }
-    &.RoomComponent {
-      background-image: url('./img/map.png');
-    }
-    &.ScriptComponent {
-      background-image: url('./img/script.png');
-    }
-    &.SoundComponent {
-      background-image: url('./img/music.png');
-    }
-    &.TextComponent {
-      background-image: url('./img/note.png');
+  .label.inline {
+    justify-content: flex-start;
+    > div:first-child.icon {
+      background-size: cover;
+      flex-grow: unset;
+      margin-right: 0.125em;
+      width: 1em;
+      height: 1em;
+      &.AudioComponent {
+        background-image: url('./img/sound.png');
+      }
+      &.Binary {
+        background-image: url('./img/question.png');
+      }
+      &.EntityComponent {
+        background-image: url('./img/joystick.png');
+      }
+      &.ImageComponent {
+        background-image: url('./img/image.png');
+      }
+      &.RoomComponent {
+        background-image: url('./img/map.png');
+      }
+      &.ScriptComponent {
+        background-image: url('./img/script.png');
+      }
+      &.SoundComponent {
+        background-image: url('./img/music.png');
+      }
+      &.TextComponent {
+        background-image: url('./img/note.png');
+      }
     }
   }
   .node {