diff --git a/ui/src/chat-with-kg/App.tsx b/ui/src/chat-with-kg/App.tsx
index 12a39c4..571496e 100644
--- a/ui/src/chat-with-kg/App.tsx
+++ b/ui/src/chat-with-kg/App.tsx
@@ -73,7 +73,8 @@ function App() {
   const [modalIsOpen, setModalIsOpen] = useState(false);
   const [apiKey, setApiKey] = useState(loadKeyFromStorage() || "");
   const [sampleQuestions, setSampleQuestions] = useState<string[]>([]);
-  const [text2cypherModel, setText2cypherModel] = useState<string>("gpt-3.5-turbo-0613");
+  const [text2cypherModel, setText2cypherModel] =
+    useState<string>("gpt-3.5-turbo-0613");
 
   const showContent = serverAvailable && !needsApiKeyLoading;
 
@@ -258,8 +259,8 @@ function App() {
   };
 
   const handleModelChange = (e: ChangeEvent<HTMLSelectElement>) => {
-    setText2cypherModel(e.target.value)
-  }
+    setText2cypherModel(e.target.value);
+  };
 
   return (
     <div className="flex flex-col min-w-[800px] min-h-[100vh] bg-palette-neutral-bg-strong">
@@ -268,12 +269,12 @@ function App() {
           <button onClick={openModal}>API Key</button>
         </div>
       )}
-        <div className="flex justify-end mr-4">
+      <div className="flex justify-end mr-4">
         <select value={text2cypherModel} onChange={handleModelChange}>
-            <option value="gpt-3.5-turbo-0613">gpt-3.5-turbo</option>
-            <option value="gpt-4">gpt-4</option>
+          <option value="gpt-3.5-turbo-0613">gpt-3.5-turbo</option>
+          <option value="gpt-4">gpt-4</option>
         </select>
-        </div>
+      </div>
       <div className="p-6 mx-auto mt-20 rounded-lg bg-palette-neutral-bg-weak min-h-[6rem] min-w-[18rem] max-w-4xl ">
         {!serverAvailable && (
           <div>Server is unavailable, please reload the page to try again.</div>