diff --git a/MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor b/MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor
index b7f02b1..35519d3 100644
--- a/MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor
+++ b/MissNationSharedUI/Shared/Components/Layout/SuperHeroComponent.razor
@@ -3,7 +3,7 @@
     <div class="container-fluid h-100">
 
         <div class="row h-100">
-            <div class="col-12 h-100">
+            <div class="col-xs-12 h-100">
                 <div class="banner-title align-content-center" style="display:inline-grid; height:100%; width:100%; margin: 0 auto;">
                     <div id="containerAnimation" class="container-overflowvisible justify-content-center" style="display:grid; height:100%; width: 100%">
                         <img src="_content/MissNationSharedUI/assets/img/logohotel1.png" style="animation-duration: 1725ms; opacity: 0.2; align-self:center; margin:auto; filter: blur(4px); max-width:700px; width:50vw"/>
diff --git a/MissNationSharedUI/Shared/Components/Pages/Apply.razor b/MissNationSharedUI/Shared/Components/Pages/Apply.razor
index 9397ed3..134c596 100644
--- a/MissNationSharedUI/Shared/Components/Pages/Apply.razor
+++ b/MissNationSharedUI/Shared/Components/Pages/Apply.razor
@@ -41,27 +41,27 @@
 
                         <div class="row">
 
-                            <div class="col-md-6 form-group">
+                            <div class="col-md-6 col-xs-12 form-group">
                                 <label for="form-field-name"> Full Name *</label>
                                 <!-- Name -->
                                 <input type="text" name="name" id="form-field-name" class="form-control" maxlength="100" required data-error="You must enter full name" placeholder= "Please enter your full name">
                                 <div class="help-block with-errors"></div>
                             </div>
 
-                            <div class="col-md-6 form-group">
+                            <div class="col-md-6 col-xs-12 form-group">
                                 <label for="form-field-email">Email *</label>
                                 <!-- Email -->
                                 <input type="email" name="email" id="form-field-email" class="form-control" maxlength="100" required data-error="Invalid email address!" placeholder="Please enter your email address">
                                 <div class="help-block with-errors"></div>
                             </div>
 
-                            <div class="form-group col-md-6">
+                            <div class="col-md-6 col-xs-12 form-group">
                                 <label for="form-field-phone">Age *</label>
                                 <!-- Phone -->
                                 <input type="text" name="phone" id="form-field-phone" class="form-control" maxlength="100" placeholder="Please enter your age">
                             </div>
 
-                            <div class="form-group col-md-6">
+                            <div class="col-md-6 col-xs-12 form-group">
                                 <label for="form-field-subject">Country *</label>
                                 <!-- Subject -->
                                 <input type="text" name="subject" id="form-field-subject" class="form-control" maxlength="100" placeholder="Please select your nationality">
@@ -86,13 +86,13 @@
                                 <input type="text" name="photo3" id="form-field-comments" class=" form-control" rows="6" maxlength="400">
                             </div>
 
-                            <div class="form-group col-md-6">
+                            <div class="col-md-6 col-xs-12 form-group">
                                 <label for="form-field-phone">Facebook URL *</label>
                                 <!-- Facebook -->
                                 <input type="text" name="phone" id="form-field-phone" class="form-control" maxlength="100" placeholder="You can paste your facebook profile url here">
                             </div>
 
-                            <div class="form-group col-md-6">
+                            <div class="col-md-6 col-xs-12 form-group">
                                 <label for="form-field-subject">Instagram URL *</label>
                                 <!-- Instagram -->
                                 <input type="text" name="subject" id="form-field-subject" class="form-control" maxlength="100" placeholder="You can paste your instagram url here">