diff --git a/app/index.html b/app/index.html
index 2f325d4..87ffcf0 100644
--- a/app/index.html
+++ b/app/index.html
@@ -92,6 +92,13 @@
                     <div class="col-md-2">
                         <div class="card m-0 py-5 details font-size-12" id="viewDetails">
                         </div>
+                        <div class="input-group mt-5" data-toggle="tooltip" data-placement="top"
+                            data-title="Manually Add A Synonym To The Media, Case Sensitive">
+                            <input type="text" class="form-control" placeholder="Add Synonym" id="viewSynonymText">
+                            <div class="input-group-append">
+                                <button class="btn btn-primary btn-square" type="button" id="viewSynonym">&plus;</button>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <div class="row py-20">
diff --git a/app/js/animeHandler.js b/app/js/animeHandler.js
index 96abef3..9d78a38 100644
--- a/app/js/animeHandler.js
+++ b/app/js/animeHandler.js
@@ -302,6 +302,11 @@ function viewAnime(media) {
     viewEpisodes.onclick = () => {
         viewEpisodesWrapper.classList.toggle("hidden")
     }
+    viewSynonym.onclick = () => {
+        store[viewSynonymText.value] = media
+        viewSynonymText.value = ""
+        localStorage.setItem("store", JSON.stringify(store))
+    }
     episodes.innerHTML = ""
     if (media.streamingEpisodes.length) {
         viewEpisodesWrapper.classList.add("hidden")