diff --git a/css/_new-pixel.scss b/css/_new-pixel.scss
index 4b9277d..e9c4b39 100644
--- a/css/_new-pixel.scss
+++ b/css/_new-pixel.scss
@@ -31,6 +31,13 @@
 	font-size: 12px;
 }
 
+ 
+.size-input::-webkit-outer-spin-button,
+.size-input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
 #no-palette-button {
 	display: none;
 }
diff --git a/views/popups/new-pixel.hbs b/views/popups/new-pixel.hbs
index 4ec9179..bdcc39f 100644
--- a/views/popups/new-pixel.hbs
+++ b/views/popups/new-pixel.hbs
@@ -10,7 +10,7 @@
 
 	<h2>Size</h2>
 	<h4 class="max-canvas-size">Max canvas size is 5000 x 5000</h4>
-	<input id="size-width" class="size-input" value="{{#if width}}{{width}}{{else}}64{{/if}}" autocomplete="off" />{{svg "x.svg" width="16" height="16" class="dimentions-x"}}<input id="size-height" class="size-input" value="{{#if height}}{{height}}{{else}}64{{/if}}" autocomplete="off" />
+	<input id="size-width" class="size-input" type="number" min="1" max="5000" value="{{#if width}}{{width}}{{else}}64{{/if}}" autocomplete="off" />{{svg "x.svg" width="16" height="16" class="dimentions-x"}}<input id="size-height" class="size-input" value="{{#if height}}{{height}}{{else}}64{{/if}}" autocomplete="off" />
 	<h2>Palette</h2>
 	<button id="palette-button" class="dropdown-button">Choose a palette...</button>
 	<div id="palette-menu" class="dropdown-menu"><button id="no-palette-button">Empty Palette</button><button id="load-palette-button">Load palette...</button></div>
diff --git a/views/popups/splash-page.hbs b/views/popups/splash-page.hbs
index e9e0398..9a63ef5 100644
--- a/views/popups/splash-page.hbs
+++ b/views/popups/splash-page.hbs
@@ -26,7 +26,7 @@
 				<h2>Size</h2>
 				<h4 class="max-canvas-size">Max canvas size is 5000 x 5000</h4>
 				<div class="sp-np-entry">
-					<input id="size-width-splash" value="{{#if width}}{{width}}{{else}}64{{/if}}" autocomplete="off" class="size-input"/>{{svg "x.svg" width="16" height="16" class="dimentions-x"}}<input id="size-height-splash" value="{{#if height}}{{height}}{{else}}64{{/if}}" autocomplete="off" class="size-input"/>
+					<input id="size-width-splash" value="{{#if width}}{{width}}{{else}}64{{/if}}" autocomplete="off" class="size-input" type="number" min="1" max="5000"/>{{svg "x.svg" width="16" height="16" class="dimentions-x"}}<input id="size-height-splash" value="{{#if height}}{{height}}{{else}}64{{/if}}" autocomplete="off" class="size-input" type="number" min="1" max="5000"/>
 				</div>
 				
 				<h2>Palette</h2>