From e42317f95df051dc3cb43f2b0682959cad7aa033 Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Mon, 28 Sep 2020 03:23:53 -0400
Subject: [PATCH] SizeInput: fix slider overflow on small breakpoint

---
 src/components/SizeInput/SizeInput.css | 4 ++++
 src/components/SizeInput/SizeInput.tsx | 1 -
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/SizeInput/SizeInput.css b/src/components/SizeInput/SizeInput.css
index e700cbb..33714e4 100644
--- a/src/components/SizeInput/SizeInput.css
+++ b/src/components/SizeInput/SizeInput.css
@@ -35,6 +35,10 @@
   .size-bar input {
     margin: 0 auto;
   }
+
+  .size-bar label {
+    display: none;
+  }
 }
 
 .size-bar input::-webkit-slider-thumb {
diff --git a/src/components/SizeInput/SizeInput.tsx b/src/components/SizeInput/SizeInput.tsx
index 1c9e0c3..d8e37be 100644
--- a/src/components/SizeInput/SizeInput.tsx
+++ b/src/components/SizeInput/SizeInput.tsx
@@ -37,7 +37,6 @@ const SizeInput: React.FC<SizeInputProps> = () => {
         name="size-input"
         value={size}
         type="range"
-        title={size.toString()}
         min={16}
         max={96}
         onChange={handleSizeChange}