diff --git a/data/ui/location-service-dialog.ui b/data/ui/location-service-dialog.ui
index dc40ceb23cd2a55695cc8a21879722787272930e..c582cbd03f3a8e96df03238c269a1bb945638d0c 100644
--- a/data/ui/location-service-dialog.ui
+++ b/data/ui/location-service-dialog.ui
@@ -1,51 +1,36 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface>
-  <requires lib="gtk+" version="3.12"/>
+  <requires lib="gtk" version="4.0"/>
   <template class="Gjs_LocationServiceDialog" parent="GtkDialog">
-    <property name="can_focus">False</property>
-    <property name="type">popup</property>
-    <property name="type_hint">dialog</property>
     <property name="width_request">400</property>
     <property name="height_request">150</property>
-    <child internal-child="vbox">
-      <object class="GtkBox" id="contentArea">
-        <property name="visible">True</property>
-        <child>
-          <object class="GtkLabel">
-            <property name="visible">True</property>
-            <property name="label" translatable="yes">Turn on location services to find your location</property>
-          </object>
-        </child>
-      </object>
-    </child>
-    <child type="titlebar">
+    <child internal-child="headerbar">
       <object class="GtkHeaderBar" id="headerBar">
-        <property name="visible">True</property>
-        <property name="can-focus">False</property>
-        <property name="show-close-button">False</property>
-        <child>
+        <property name="show-title-buttons">0</property>
+        <child type="start">
           <object class="GtkButton" id="cancelButton">
-            <property name="label" translatable="yes">Cancel</property>
-            <property name="visible">True</property>
-            <property name="can_focus">True</property>
+            <property name="label" translatable="1">Cancel</property>
+            <property name="focusable">1</property>
           </object>
-          <packing>
-            <property name="pack-type">start</property>
-          </packing>
         </child>
-        <child>
+        <child type="end">
           <object class="GtkButton" id="settingsButton">
-            <property name="label" translatable="yes">Location Settings</property>
-            <property name="visible">True</property>
-            <property name="can_focus">True</property>
-            <property name="receives_default">True</property>
+            <property name="label" translatable="1">Location Settings</property>
+            <property name="focusable">1</property>
+            <property name="receives_default">1</property>
             <style>
               <class name="suggested-action"/>
             </style>
           </object>
-          <packing>
-            <property name="pack-type">end</property>
-          </packing>
+        </child>
+      </object>
+    </child>
+    <child>
+      <object class="GtkBox" id="contentArea">
+        <child>
+          <object class="GtkLabel">
+            <property name="label" translatable="1">Turn on location services to find your location</property>
+          </object>
         </child>
       </object>
     </child>
diff --git a/src/locationServiceDialog.js b/src/locationServiceDialog.js
index d215ab016adce42f155f12fddb38a0c5d648c947..16798eb27fc1fcc624e326d6ed187bfe0bc62352 100644
--- a/src/locationServiceDialog.js
+++ b/src/locationServiceDialog.js
@@ -27,7 +27,7 @@ import Gtk from 'gi://Gtk';
 
 import * as Utils from './utils.js';
 
-const _PRIVACY_PANEL = 'gnome-privacy-panel.desktop';
+const _PRIVACY_PANEL = 'gnome-location-panel.desktop';
 
 export class LocationServiceDialog extends Gtk.Dialog {