diff --git a/public/global.css b/public/global.css
deleted file mode 100644
index b7b93cbe..00000000
--- a/public/global.css
+++ /dev/null
@@ -1,18 +0,0 @@
-@font-face {
-  font-family: Montserrat;
-  src: url("/fonts/Montserrat-Regular.ttf");
-}
-
-@font-face {
-  font-family: MontserratBold;
-  src: url("/fonts/Montserrat-Bold.ttf");
-}
-
-
-* {
-  font-family: Montserrat;
-}
-
-h1, h2, h3, h4, h5 {
-  font-family: MontserratBold;
-}
diff --git a/public/index.html b/public/index.html
index 4063daed..3514ef47 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,7 +12,6 @@
             href="<%= BASE_URL %>opensearch.xml"
         />
         <title><%= htmlWebpackPlugin.options.title %></title>
-        <link rel="stylesheet" href="/global.css">
     </head>
     <body>
         <noscript>
diff --git a/src/App.vue b/src/App.vue
index 6456733b..e862a17c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <notifications />
+    <notifications :style="{ top: isMobile ? '5rem' : '0.5rem', width: isMobile ? '100%' : 'auto' }" />
     <div class="uk-flex">
         <Menu style="flexShrink: 0" />
         <main
@@ -97,6 +97,28 @@ export default {
 </script>
 
 <style>
+@font-face {
+    font-family: Montserrat;
+    src: url("/fonts/Montserrat-Regular.ttf");
+}
+
+@font-face {
+    font-family: MontserratBold;
+    src: url("/fonts/Montserrat-Bold.ttf");
+}
+
+* {
+    font-family: Montserrat;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+    font-family: MontserratBold;
+}
+
 h1,
 p,
 a,
