diff --git a/assets/css/theme.css b/assets/css/theme.css
index 31cf6ca..4075cc9 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -1463,6 +1463,11 @@ select {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+}
+
 .stroke-black {
   stroke: #000;
 }
@@ -1622,6 +1627,14 @@ select {
   padding-top: 1.5rem;
 }
 
+.pl-8 {
+  padding-left: 2rem;
+}
+
+.pl-9 {
+  padding-left: 2.25rem;
+}
+
 .text-left {
   text-align: left;
 }
diff --git a/modules/thobbodymeasurements/views/templates/hook/customer_login_after.tpl b/modules/thobbodymeasurements/views/templates/hook/customer_login_after.tpl
new file mode 100644
index 0000000..4a97994
--- /dev/null
+++ b/modules/thobbodymeasurements/views/templates/hook/customer_login_after.tpl
@@ -0,0 +1,17 @@
+<div class="modal flex fade" id="tbm-not-set-modal" tabindex="-1" role="dialog" aria-labelledby="tbm-not-set-label" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title font-semibold" id="tbm-not-set-label">{l s='thob Body Measurements'}</h5>
+            </div>
+            <div class="modal-body p-8">
+                <p>{l s='Please fill your personal body measurements to have the best custom shopping experience.'}</p>
+            </div>
+            <div class="modal-footer text-end">
+                <a id="set-measurements-tbm-modal" href="{$front_controller}" class=" hover:text-white hover:no-underline px-6 py-2 bg-blue-950 disabled:bg-gray-700 text-white text-base font-light">{l s='Set Measurements'}</a>
+
+                <a id="close-tbm-modal" href="" class=" hover:text-white hover:no-underline px-6 py-2  bg-gray-700 text-white text-base font-light">{l s='Close'}</a>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file