diff --git a/htdocs/assets/_floatingbar.php b/htdocs/assets/_floatingbar.php
index 403a200..c80fb4e 100644
--- a/htdocs/assets/_floatingbar.php
+++ b/htdocs/assets/_floatingbar.php
@@ -100,7 +100,7 @@
         </div>
     </div>
 </div>
-<div id="sharewindow" class="sharewindow w-[90vw] md:w-[44vw] mx-auto h-[45vh] md:h-[60vh] fixed inset-x-0 top-[20vh] z-40 flex-col items-center bg-bg_secondary rounded-xl overflow-y-scroll no-scrollbar hidden">
+<div id="sharewindow" class="sharewindow w-[90vw] md:w-[50vw] mx-auto h-[45vh] md:h-[60vh] fixed inset-x-0 top-[20vh] z-40 flex-col items-center bg-bg_secondary rounded-xl hidden">
 
 </div>
 <div id="floating-bar" class="fixed inset-x-0 bottom-[7vh] z-[50] flex justify-center items-center">
@@ -110,6 +110,6 @@
         <input id="searchinput" class="w-full mx-2 bg-bg_secondary caret-accent_primary outline-none hidden" type="text" placeholder="Type to Search Something . . ." name="search-input">
     </div>
     <button id="sharebutton" class="sharebutton bg-accent_primary px-[0.80rem] py-2 rounded-full mx-2 hover:shadow-[0px_0px_30px] hover:shadow-accent_primary_transparent transition transform duration-300"><i class="fa-solid fa-share-nodes text-bg_primary"></i></button>
-    <button id="closebutton" class="closebutton bg-accent_primary px-[0.80rem] py-2 rounded-full mx-2 hover:shadow-[0px_0px_30px] hover:shadow-accent_primary_transparent transition transform duration-300 hidden"><i class="fa-solid fa-xmark text-bg_primary"></i></button>
-    <button id="shareclosebutton" class="closebutton bg-accent_primary px-[0.80rem] py-2 rounded-full mx-2 hover:shadow-[0px_0px_30px] hover:shadow-accent_primary_transparent transition transform duration-300 hidden"><i class="fa-solid fa-xmark text-bg_primary"></i></button>
+    <button id="closebutton" class="closebutton bg-accent_primary px-[0.85rem] py-2 rounded-full mx-2 hover:shadow-[0px_0px_30px] hover:shadow-accent_primary_transparent transition transform duration-300 hidden"><i class="fa-solid fa-xmark text-bg_primary"></i></button>
+    <button id="shareclosebutton" class="closebutton bg-accent_primary px-[0.85rem] py-2 rounded-full mx-2 hover:shadow-[0px_0px_30px] hover:shadow-accent_primary_transparent transition transform duration-300 hidden"><i class="fa-solid fa-xmark text-bg_primary"></i></button>
 </div>
\ No newline at end of file
diff --git a/htdocs/assets/extra-style.css b/htdocs/assets/extra-style.css
index 5731ebe..7c25bbd 100644
--- a/htdocs/assets/extra-style.css
+++ b/htdocs/assets/extra-style.css
@@ -196,6 +196,24 @@ background: #38BDF8;
     }
 }
 
+.floatingshare-window-show {
+    display: flex;
+    animation: shareWindowShow 0.5s ease-in-out;
+}
+
+@keyframes shareWindowShow {
+    from {
+        width: 25vw;
+        height: 30vh;
+        opacity: 0;
+    }
+    to {
+        width: 50vw;
+        height: 60vh;
+        opacity: 1;
+    }
+}
+
 @media only screen and (max-width: 768px) {
 
     @keyframes searchWindowShow {
@@ -210,4 +228,17 @@ background: #38BDF8;
             opacity: 1;
         }
     }
+
+    @keyframes shareWindowShow {
+        from {
+            width: 25vw;
+            height: 30vh;
+            opacity: 0;
+        }
+        to {
+            width: 90vw;
+            height: 45vh;
+            opacity: 1;
+        }
+    }
 }
\ No newline at end of file
diff --git a/htdocs/assets/js/floatingbar-config.js b/htdocs/assets/js/floatingbar-config.js
index 45703e7..bb65076 100644
--- a/htdocs/assets/js/floatingbar-config.js
+++ b/htdocs/assets/js/floatingbar-config.js
@@ -306,7 +306,7 @@ function activate_share() {
     windowWrapper.classList.add("flotingbar-window-wrapper-show");
     shareBtn.classList.add("hidden");
     shareCloseBtn.classList.remove("hidden");
-    shareWin.classList.remove("hidden");
+    shareWin.classList.add("floatingshare-window-show");
 
 }
 
@@ -315,7 +315,7 @@ function close_share() {
     windowWrapper.classList.add("hidden");
     shareCloseBtn.classList.add("hidden");
     shareBtn.classList.remove("hidden");
-    shareWin.classList.add("hidden");
+    shareWin.classList.remove("floatingshare-window-show");
 }
 
 shareBtn.addEventListener("click", function () {
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index cc1fce5..eaa7453 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -595,14 +595,14 @@ video {
   top: 10rem;
 }
 
-.top-\[10vh\] {
-  top: 10vh;
-}
-
 .top-\[20\.5rem\] {
   top: 20.5rem;
 }
 
+.top-\[20vh\] {
+  top: 20vh;
+}
+
 .top-\[30vh\] {
   top: 30vh;
 }
@@ -611,10 +611,6 @@ video {
   top: 4.7rem;
 }
 
-.top-\[20vh\] {
-  top: 20vh;
-}
-
 .z-10 {
   z-index: 10;
 }
@@ -1293,6 +1289,11 @@ video {
   padding-bottom: 0.30rem;
 }
 
+.px-\[0\.85rem\] {
+  padding-left: 0.85rem;
+  padding-right: 0.85rem;
+}
+
 .text-center {
   text-align: center;
 }
@@ -1613,6 +1614,10 @@ video {
   .md\:w-\[44vw\] {
     width: 44vw;
   }
+
+  .md\:w-\[50vw\] {
+    width: 50vw;
+  }
 }
 
 @media (min-width: 1024px) {