diff --git a/resources/assets/less/metager/modals.less b/resources/assets/less/metager/modals.less
index c1261b7f026d0395431af3f79a9e3c9d8d48de6b..2d6b70a7d4119aa893ba727a5c02a73c8001c74f 100644
--- a/resources/assets/less/metager/modals.less
+++ b/resources/assets/less/metager/modals.less
@@ -2,13 +2,14 @@
 
 #show-create-focus:checked {
   & + #create-focus-modal {
+    position: fixed;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 
-#show-plugin-modal:checked {
+#plugin-modal-checkbox:checked {
   & + #plugin-modal {
     display: block;
   }
diff --git a/resources/assets/less/metager/start-page.less b/resources/assets/less/metager/start-page.less
index e33847c2953e40dfdb096797439dabb818a59b2a..378550993dfbdb076aad9f847a5e1dc90acb228f 100644
--- a/resources/assets/less/metager/start-page.less
+++ b/resources/assets/less/metager/start-page.less
@@ -70,6 +70,13 @@
         padding: 7px;
         font-weight: normal;
     }
+    #show-plugin-modal {
+        display: flex;
+        justify-content: center;
+        &>.open-plugin-modal {
+            margin: 5px;
+        }
+    }
 }
 
 #more-information {
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 1e05af4e094b4a068ffd9ffcd704995de10c30af..a6cd12a45530177cb9edca74ce6e835d3cafb5d3 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -8,8 +8,8 @@
 		<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a>
 	</h1>
 	@include('parts.searchbar', ['class' => 'startpage-searchbar'])
-	<div>
-	<label for="show-plugin-modal" role="button" class="btn btn-default" title="MetaGer zu Ihrem Browser hinzufügen"><i class="fa fa-plug" aria-hidden="true"></i> MetaGer-Plugin hinzufügen</a>
+	<div id="show-plugin-modal">
+		<label for="plugin-modal-checkbox" role="button" class="btn btn-default open-plugin-modal" title="MetaGer zu Ihrem Browser hinzufügen"><i class="fa fa-plug" aria-hidden="true"></i> MetaGer-Plugin hinzufügen</a>
 	</div>
 	<script type="text/javascript" src="{{ mix('js/scriptStartPage.js') }}"></script>
 	<script type="text/javascript" src="{{ mix('js/searchbar.js') }}"></script>
diff --git a/resources/views/modals/plugin-modal.blade.php b/resources/views/modals/plugin-modal.blade.php
index 8c28dd5a5777a76e99137296c2a111cd228d9cac..f431342cda22cc63f344be9a93ceb3e4f051f40a 100644
--- a/resources/views/modals/plugin-modal.blade.php
+++ b/resources/views/modals/plugin-modal.blade.php
@@ -1,11 +1,11 @@
-<input type="checkbox" id="show-plugin-modal" class="hidden">
+<input type="checkbox" id="plugin-modal-checkbox" class="hidden">
 <div class="metager-modal" id="plugin-modal" tab-index="-1" role="dialog">
 		<div class="metager-modal-dialog ">
 			<div class="metager-modal-content">
 				<div class="metager-modal-header">
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					<label type="button" for="plugin-modal-checkbox" class="close">
 						<span aria-hidden="true">&times;</span>
-					</button>
+</label>
 					<h4>
 						@if ($browser === 'Firefox' || $browser === 'Mozilla')
 							{{ trans('index.plugin.head.1') }}