diff --git a/src/JSONEditor.sass b/src/JSONEditor.scss
similarity index 94%
rename from src/JSONEditor.sass
rename to src/JSONEditor.scss
index 21411a7..fc31b39 100644
--- a/src/JSONEditor.sass
+++ b/src/JSONEditor.scss
@@ -7,7 +7,6 @@
   min-height: 150px;
   display: flex;
   flex-direction: column;
-  padding-bottom: $input-padding;
 
   .menu {
     font-family: $font-family-menu;
diff --git a/src/JSONEditor.svelte b/src/JSONEditor.svelte
index 1df6f26..b993a6b 100644
--- a/src/JSONEditor.svelte
+++ b/src/JSONEditor.svelte
@@ -69,4 +69,4 @@
   </div>
 </div>
 
-<style type="text/scss" src="JSONEditor.sass"></style>
+<style src="JSONEditor.scss"></style>
diff --git a/src/JSONNode.sass b/src/JSONNode.scss
similarity index 100%
rename from src/JSONNode.sass
rename to src/JSONNode.scss
diff --git a/src/JSONNode.svelte b/src/JSONNode.svelte
index 8113e01..ec2d15d 100644
--- a/src/JSONNode.svelte
+++ b/src/JSONNode.svelte
@@ -220,7 +220,7 @@
           on:input={handleKeyInput}
           on:blur={handleKeyBlur}
           bind:this={domKey}
-        />
+        ></div>
         <div class="separator">:</div>
       {/if}
       {#if expanded}
@@ -270,7 +270,7 @@
           on:input={handleKeyInput}
           on:blur={handleKeyBlur}
           bind:this={domKey}
-        />
+        ></div>
         <span class="separator">:</span>
       {/if}
       {#if expanded}
@@ -308,7 +308,7 @@
           on:input={handleKeyInput}
           on:blur={handleKeyBlur}
           bind:this={domKey}
-        />
+        ></div>
         <span class="separator">:</span>
       {/if}
       <div
@@ -321,9 +321,9 @@
         on:keydown={handleValueKeyDown}
         bind:this={domValue}
         title={valueIsUrl ? 'Ctrl+Click or Ctrl+Enter to open url in new window' : null}
-      />
+      ></div>
     </div>
   {/if}
 </div>
 
-<style type="text/scss" src="JSONNode.sass"></style>
+<style src="JSONNode.scss"></style>