diff --git a/src/index.html b/src/index.html
index 6a789b6..c45d4fc 100644
--- a/src/index.html
+++ b/src/index.html
@@ -351,7 +351,7 @@
 			</div>
 		</div>
 
-		<div class="modal" id="settingsModal">
+		<div class="modal modal--settings" id="settingsModal">
 			<div class="modal__content">
 				<h1>Settings</h1>
 
diff --git a/src/style.css b/src/style.css
index 0178463..f823f9b 100644
--- a/src/style.css
+++ b/src/style.css
@@ -448,6 +448,13 @@ li.CodeMirror-hint-active {
 	background: rgba(0,0,0,0.6);
 	transition: all 0.3s;
 }
+/* Make settings modal smaller */
+@media screen and (min-width: 600px) {
+	.modal--settings {
+		width: 600px;
+		margin-left: -300px;
+	}
+}
 .saved-items-pane {
 	position: fixed;
 	right: 0;