diff --git a/public/js/app.js b/public/js/app.js
index 01a5377..a6dd8a1 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -167,16 +167,10 @@ var GpsControl = L.Control.extend({
 
     onAdd: function () {
         var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control');
-        var button = L.DomUtil.create('a', '', container);
+        var button = L.DomUtil.create('a', 'gps-control-button', container);
         button.href = '#';
         button.title = 'Mein Standort';
         button.innerHTML = '<i class="fa-solid fa-location-crosshairs"></i>';
-        button.style.fontSize = '16px';
-        button.style.display = 'flex';
-        button.style.alignItems = 'center';
-        button.style.justifyContent = 'center';
-        button.style.width = '30px';
-        button.style.height = '30px';
 
         L.DomEvent.on(button, 'click', function (e) {
             L.DomEvent.preventDefault(e);
diff --git a/public/styles.css b/public/styles.css
index a4e8246..c19e13b 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -211,6 +211,19 @@ html, body {
 }
 
 
+/* -----------------------------------------------------------------
+   GPS Control Button
+   ----------------------------------------------------------------- */
+.gps-control-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 30px;
+    height: 30px;
+    font-size: 16px;
+}
+
+
 /* -----------------------------------------------------------------
    Sidebar Overrides
    ----------------------------------------------------------------- */