diff --git a/web/src/lib/components/elements/dropdown.svelte b/web/src/lib/components/elements/dropdown.svelte
index b08b58f6d9..6bf9b55d65 100644
--- a/web/src/lib/components/elements/dropdown.svelte
+++ b/web/src/lib/components/elements/dropdown.svelte
@@ -33,7 +33,7 @@
   export let controlable = false;
 
   const handleClickOutside = () => {
-    if(!controlable){
+    if (!controlable) {
       showMenu = false;
     }
   };
diff --git a/web/src/lib/components/shared-components/change-date.svelte b/web/src/lib/components/shared-components/change-date.svelte
index d21e2dc806..37dbeb80a0 100644
--- a/web/src/lib/components/shared-components/change-date.svelte
+++ b/web/src/lib/components/shared-components/change-date.svelte
@@ -38,9 +38,7 @@
   };
 
   const filterTimezones = () => {
-    filteredTimezones = timezones.filter((timezone) =>
-      timezone.zone.toLowerCase().includes(searchQuery.toLowerCase())
-    );
+    filteredTimezones = timezones.filter((timezone) => timezone.zone.toLowerCase().includes(searchQuery.toLowerCase()));
   };
 
   const dispatch = createEventDispatcher<{
@@ -80,8 +78,8 @@
     selectedTimezone = item.offset;
     closeDropdown();
   };
-  
 </script>
+
 <div role="presentation" on:keydown={handleKeydown}>
   <ConfirmDialogue
     confirmColor="primary"
@@ -120,11 +118,11 @@
             options={filteredTimezones}
             render={(item) => (item ? `${item.zone} (${item.offset})` : '(not selected)')}
             on:select={({ detail: item }) => handleSelectTz(item)}
-            controlable = {true}
+            controlable={true}
             bind:showMenu={isDropdownOpen}
           />
         </div>
       </div>
     </div>
   </ConfirmDialogue>
-</div>
\ No newline at end of file
+</div>