diff --git a/packages/nulp_elite/src/components/Footer.js b/packages/nulp_elite/src/components/Footer.js
index 61cb1133..78af0f5c 100644
--- a/packages/nulp_elite/src/components/Footer.js
+++ b/packages/nulp_elite/src/components/Footer.js
@@ -161,7 +161,17 @@ export default function Footer() {
         </Box>
       </Box>
         <Box
-          className="xs-hide footer"
+          className="xs-hide"
+          style={{
+            background: "#065872",
+            color: "#fff",
+            padding: "15px 15px 13px",
+            marginTop: "auto",
+            position: 'absolute',
+            bottom: '0px',
+            width:'100%',
+            boxSizing: 'border-box'
+          }}
         >
           <Grid container spacing={2}>
             <Grid
diff --git a/packages/nulp_elite/src/pages/content/joinCourse.js b/packages/nulp_elite/src/pages/content/joinCourse.js
index 488b15df..09823174 100644
--- a/packages/nulp_elite/src/pages/content/joinCourse.js
+++ b/packages/nulp_elite/src/pages/content/joinCourse.js
@@ -991,7 +991,7 @@ const JoinCourse = () => {
     <div>
       <Header />
       {toasterMessage && <ToasterCommon response={toasterMessage} />}
-      <Box sx={{ height: "calc(100vh - 210px)", overflowY: "auto" }}>
+      <Box>
         <Snackbar
           open={showEnrollmentSnackbar}
           autoHideDuration={6000}
diff --git a/packages/nulp_elite/src/styles/style.css b/packages/nulp_elite/src/styles/style.css
index 05f98bd4..f8bc2732 100644
--- a/packages/nulp_elite/src/styles/style.css
+++ b/packages/nulp_elite/src/styles/style.css
@@ -7,14 +7,19 @@
   src: url("../fonts/Poppins-Bold.ttf");
   src: url("../fonts/Poppins-Medium.ttf");
 }
-
+#root {
+  min-height: 100vh;
+}
+#root>div:first-child {
+  min-height: 100vh;
+  padding-bottom: 135px;
+}
 body {
   font-family: "Poppins", sans-serif !important;
   font-weight: 500;
   font-style: normal;
   background: #ffbc0154;
-  height: 100%;
-  margin: 0;
+  min-height: 100vh;
 }
 
 body,
@@ -3740,6 +3745,19 @@ input:required::after {
 background-color: #fff;
 padding: 30px;
 border-radius: 4px;
-border: 1px solid #15353f;
+border: 4px solid #15353f;
 margin: 10px;
-}
\ No newline at end of file
+animation: blink-border 1s infinite alternate;
+}
+
+@keyframes blink-border {
+  0% {
+    border-color: #15353f;
+  }
+  50% {
+    border-color: #0e7a9c;
+  }
+  100% {
+    border-color: #15353f;
+  }
+}