styling

src/components/ErrorContainer/index.tsx

@@ -1,8 +1,6 @@
 import React from "react";
 import styled from "styled-components";
 import {
-  MdExpandMore,
-  MdExpandLess,
   MdReportGmailerrorred,
   MdOutlineCheckCircleOutline,
 } from "react-icons/md";

src/components/SearchInput/index.tsx

@@ -10,7 +10,7 @@ const StyledInputWrapper = styled.div`
   justify-content: space-between;
   background: ${({ theme }) => theme.BACKGROUND_TERTIARY};
   border-radius: 4px;
-  height: 28px;
+  height: 25px;
 `;
 
 const StyledForm = styled.form`

src/components/Toggle/index.tsx

@@ -32,7 +32,6 @@ const StyledToggle = styled.div<{ active: boolean }>`
   padding: 2px;
   border-radius: 14px;
   background: ${({ active }) => (active ? "#3AA55D" : "#72767c")};
-  transition: 0.1s;
   cursor: pointer;
 
   input {

src/containers/Editor/Panes.tsx

@@ -30,7 +30,7 @@ const Panes: React.FC = () => {
       <Allotment.Pane
         preferredSize={isMobile ? "100%" : 400}
         minSize={hideEditor ? 0 : 300}
-        maxSize={isMobile ? Infinity : 500}
+        maxSize={isMobile ? Infinity : 800}
         visible={!hideEditor}
       >
         <JsonEditor />