src/settings/styles/global/_config.scss

@@ -79,6 +79,14 @@ textarea {
 	grid-template-columns: 1fr;
 
 	@media screen and (min-width: 1025px) {
-		grid-template-columns: 1fr 1fr;
+		grid-template-columns:
+			function.fluid(332px, 1080px)
+			function.fluid(748px, 1080px);
+	}
+
+	@media screen and (min-width: 2500px) {
+		grid-template-columns:
+			function.fluid(590px, 2299.68px)
+			function.fluid(1680px, 2299.68px);
 	}
 }

src/template/Sidebar/index.tsx

@@ -18,7 +18,7 @@ export function Sidebar() {
 		<aside className={css.sidebar}>
 			<div className={css.container}>
 				<ul className={css.list}>
-					{paths.map(({ path, name }, index) => {
+					{paths.map(({ path, name }) => {
 						return (
 							<li key={name + '-sidebar'}>
 								<Link className={pathname === path ? css.active : ''} to={path}>