diff --git a/app/assets/stylesheets/bookingsync_portal/admin/application.css.scss b/app/assets/stylesheets/bookingsync_portal/admin/application.css.scss
index 7b712488..7720704f 100644
--- a/app/assets/stylesheets/bookingsync_portal/admin/application.css.scss
+++ b/app/assets/stylesheets/bookingsync_portal/admin/application.css.scss
@@ -239,3 +239,11 @@ body > .footer {
background-color: #fff;
}
}
+
+.alert-top {
+ margin-bottom: -71px;
+ padding-top: 85px;
+ @media screen and (max-width: 767px) {
+ padding-top: 150px;
+ }
+}
diff --git a/app/views/layouts/bookingsync_portal/_warning_top.html.erb b/app/views/layouts/bookingsync_portal/_warning_top.html.erb
new file mode 100644
index 00000000..e2e5a427
--- /dev/null
+++ b/app/views/layouts/bookingsync_portal/_warning_top.html.erb
@@ -0,0 +1,5 @@
+<%- if yield(:warning_top).present? -%>
+
+ <%= yield(:warning_top) %>
+
+<%- end -%>
diff --git a/app/views/layouts/bookingsync_portal/admin.html.erb b/app/views/layouts/bookingsync_portal/admin.html.erb
index a3afa18b..c376baec 100644
--- a/app/views/layouts/bookingsync_portal/admin.html.erb
+++ b/app/views/layouts/bookingsync_portal/admin.html.erb
@@ -11,6 +11,7 @@
<%= render partial: '/layouts/bookingsync_portal/menu' %>
+ <%= render partial: '/layouts/bookingsync_portal/warning_top' %>
<%= render '/layouts/bookingsync_portal/flash' %>
<%= yield %>