diff --git a/apps/OpenSign/src/pages/UserProfile.js b/apps/OpenSign/src/pages/UserProfile.js
index 98b0012e1..1e8182728 100644
--- a/apps/OpenSign/src/pages/UserProfile.js
+++ b/apps/OpenSign/src/pages/UserProfile.js
@@ -346,7 +346,7 @@ function UserProfile() {
         <TourContentWithBtn
           message={t("tour-mssg.public-template")}
           isChecked={handleDontShow}
-          video="https://www.youtube.com/embed/aGjaMfm7Gqo?si=2Ul0nUlFovlVoZ1U"
+          video="https://www.youtube.com/embed/_wB4UA7Jz5Q?si=I40CI3nVUWQzf42Y"
         />
       ),
       position: "top",
@@ -419,6 +419,7 @@ function UserProfile() {
             </Alert>
           )}
           <Tour
+            className="md:!min-w-[650px]"
             onRequestClose={closeTour}
             steps={tourConfig}
             isOpen={!isProfileTour}
diff --git a/apps/OpenSign/src/primitives/TourContentWithBtn.js b/apps/OpenSign/src/primitives/TourContentWithBtn.js
index 2cec30281..9b10373fe 100644
--- a/apps/OpenSign/src/primitives/TourContentWithBtn.js
+++ b/apps/OpenSign/src/primitives/TourContentWithBtn.js
@@ -14,8 +14,9 @@ export default function TourContentWithBtn({ message, isChecked, video }) {
     <div>
       <p>{message}</p>
       {video && (
-        <div className="flex items-center justify-center my-[10px] border-[1.3px] border-gray-400 rounded-sm">
+        <div className="flex items-center justify-center w-full md:h-[300px] my-[10px] border-[1.3px] border-gray-400 rounded-sm">
           <iframe
+            className="w-full h-full"
             src={video}
             title="YouTube video player"
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"