diff --git a/Scribe.xcodeproj/project.pbxproj b/Scribe.xcodeproj/project.pbxproj
index 278d70b1..f4f452d4 100644
--- a/Scribe.xcodeproj/project.pbxproj
+++ b/Scribe.xcodeproj/project.pbxproj
@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 54;
+	objectVersion = 70;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -1253,6 +1253,10 @@
 		EDEE62242B2DE65A00A0B9C1 /* UIEdgeInsetsExtensions.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UIEdgeInsetsExtensions.swift; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
+/* Begin PBXFileSystemSynchronizedRootGroup section */
+		E9DADB332EF3CF9B00702783 /* ConfirmDialog */ = {isa = PBXFileSystemSynchronizedRootGroup; explicitFileTypes = {}; explicitFolders = (); path = ConfirmDialog; sourceTree = "<group>"; };
+/* End PBXFileSystemSynchronizedRootGroup section */
+
 /* Begin PBXFrameworksBuildPhase section */
 		38BD212D22D5907E00C6795D /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
@@ -1492,6 +1496,7 @@
 		38BD213222D5907F00C6795D /* Scribe */ = {
 			isa = PBXGroup;
 			children = (
+				E9DADB332EF3CF9B00702783 /* ConfirmDialog */,
 				147797A92A2CD2B50044A53E /* AboutTab */,
 				D1A2DCAF27AD378F0057A10D /* AppTexts */,
 				CE1378C128F5D7AC00E1CBC2 /* Colors */,
@@ -1914,6 +1919,9 @@
 				5A8FFB6D2C5A9D9C00F4B571 /* PBXTargetDependency */,
 				E9FAC3992E989712008E00AC /* PBXTargetDependency */,
 			);
+			fileSystemSynchronizedGroups = (
+				E9DADB332EF3CF9B00702783 /* ConfirmDialog */,
+			);
 			name = Scribe;
 			packageProductDependencies = (
 				D16DD36F29E7850600FB9022 /* SwiftyJSON */,
diff --git a/Scribe/Base.lproj/AppScreen.storyboard b/Scribe/Base.lproj/AppScreen.storyboard
index b72f2f9d..05b12b6a 100644
--- a/Scribe/Base.lproj/AppScreen.storyboard
+++ b/Scribe/Base.lproj/AppScreen.storyboard
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="23504" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="z4h-ME-igh">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="24412" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="z4h-ME-igh">
     <device id="retina5_9" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="23506"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="24405"/>
         <capability name="Image references" minToolsVersion="12.0"/>
         <capability name="Named colors" minToolsVersion="9.0"/>
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
@@ -16,7 +16,7 @@
             <objects>
                 <tableViewController id="4qA-Bq-SU4" customClass="AboutViewController" customModule="Scribe" customModuleProvider="target" sceneMemberID="viewController">
                     <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="insetGrouped" separatorStyle="default" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="18" estimatedSectionHeaderHeight="-1" sectionFooterHeight="18" estimatedSectionFooterHeight="-1" id="6fu-7Z-I4m">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="729"/>
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="695"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <color key="backgroundColor" name="scribeAppBackground"/>
                         <sections/>
@@ -40,7 +40,7 @@
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <scrollView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="WKP-ZG-fIn" userLabel="ScrollViewPad">
-                                <rect key="frame" x="0.0" y="50" width="375" height="728"/>
+                                <rect key="frame" x="0.0" y="100" width="375" height="644"/>
                                 <subviews>
                                     <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="E9S-tJ-4qs" userLabel="ScrollContainerViewPad">
                                         <rect key="frame" x="0.0" y="0.0" width="375" height="351"/>
@@ -128,7 +128,7 @@
                                 <viewLayoutGuide key="frameLayoutGuide" id="cHX-BU-8Mr"/>
                             </scrollView>
                             <scrollView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="equ-8g-tuH" userLabel="ScrollViewPhone">
-                                <rect key="frame" x="0.0" y="50" width="375" height="728"/>
+                                <rect key="frame" x="0.0" y="100" width="375" height="644"/>
                                 <subviews>
                                     <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="XYp-UM-US6" userLabel="ScrollContainerViewPhone">
                                         <rect key="frame" x="0.0" y="0.0" width="375" height="316.33333333333331"/>
@@ -236,13 +236,13 @@
             <objects>
                 <viewController id="cQF-42-ekB" userLabel="Settings" customClass="SettingsViewController" customModule="Scribe" customModuleProvider="target" sceneMemberID="viewController">
                     <view key="view" contentMode="scaleToFill" id="rjV-Tb-pQl">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="729"/>
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="695"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <tableView clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="insetGrouped" separatorStyle="default" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="18" estimatedSectionHeaderHeight="-1" sectionFooterHeight="18" estimatedSectionFooterHeight="-1" translatesAutoresizingMaskIntoConstraints="NO" id="R98-aa-uZS">
-                                <rect key="frame" x="0.0" y="102" width="375" height="627"/>
+                                <rect key="frame" x="0.0" y="162" width="375" height="533"/>
                                 <view key="tableFooterView" contentMode="scaleToFill" id="2AI-Eq-Aoc" userLabel="footerContainer">
-                                    <rect key="frame" x="0.0" y="116.99999809265137" width="375" height="130"/>
+                                    <rect key="frame" x="0.0" y="107" width="375" height="130"/>
                                     <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                                     <subviews>
                                         <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="IUx-l8-ZuO">
@@ -275,10 +275,10 @@
                                 </view>
                                 <prototypes>
                                     <tableViewCell clipsSubviews="YES" contentMode="scaleToFill" insetsLayoutMarginsFromSafeArea="NO" selectionStyle="blue" hidesAccessoryWhenEditing="NO" indentationLevel="1" indentationWidth="0.0" reuseIdentifier="dummyCell" id="O9h-lq-niX">
-                                        <rect key="frame" x="16" y="55.333332061767578" width="343" height="43.666667938232422"/>
+                                        <rect key="frame" x="16" y="38" width="343" height="51"/>
                                         <autoresizingMask key="autoresizingMask"/>
                                         <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" insetsLayoutMarginsFromSafeArea="NO" tableViewCell="O9h-lq-niX" id="78r-CS-l4A">
-                                            <rect key="frame" x="0.0" y="0.0" width="343" height="43.666667938232422"/>
+                                            <rect key="frame" x="0.0" y="0.0" width="343" height="51"/>
                                             <autoresizingMask key="autoresizingMask"/>
                                         </tableViewCellContentView>
                                     </tableViewCell>
@@ -317,7 +317,7 @@
                         <color key="selectedImageTintColor" name="linkBlue"/>
                     </tabBar>
                     <connections>
-                        <segue destination="BYZ-38-t0r" kind="relationship" relationship="viewControllers" id="YCU-Xu-zWn"/>
+                        <segue destination="lVT-tc-LdF" kind="relationship" relationship="viewControllers" id="YCU-Xu-zWn"/>
                         <segue destination="Ffy-3M-wWx" kind="relationship" relationship="viewControllers" id="65S-F4-qdB"/>
                         <segue destination="1wV-q3-U0F" kind="relationship" relationship="viewControllers" id="SyS-sS-udg"/>
                     </connections>
@@ -326,36 +326,36 @@
             </objects>
             <point key="canvasLocation" x="-2766" y="-100"/>
         </scene>
-        <!--app.installation.title-->
+        <!--InstallationVC-->
         <scene sceneID="tne-QT-ifu">
             <objects>
                 <viewController id="BYZ-38-t0r" customClass="InstallationVC" customModule="Scribe" customModuleProvider="target" sceneMemberID="viewController">
                     <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="729"/>
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="695"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="eyk-EK-raM" userLabel="TopSpace">
-                                <rect key="frame" x="0.0" y="50" width="375" height="34"/>
+                                <rect key="frame" x="0.0" y="154" width="375" height="27"/>
                                 <color key="backgroundColor" systemColor="systemBrownColor"/>
                             </view>
                             <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="ScribeLogo" translatesAutoresizingMaskIntoConstraints="NO" id="Oxz-Zq-2g7">
-                                <rect key="frame" x="81.333333333333329" y="84" width="212.33333333333337" height="101.66666666666669"/>
+                                <rect key="frame" x="103" y="181" width="169" height="81.333333333333314"/>
                                 <constraints>
                                     <constraint firstAttribute="width" secondItem="Oxz-Zq-2g7" secondAttribute="height" multiplier="981:471" id="fLZ-Jn-Qjj"/>
                                 </constraints>
                             </imageView>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="xOG-9z-mVQ" userLabel="LogoSpace">
-                                <rect key="frame" x="0.0" y="185.66666666666666" width="375" height="34"/>
+                                <rect key="frame" x="0.0" y="262.33333333333331" width="375" height="27"/>
                                 <color key="backgroundColor" systemColor="systemBrownColor"/>
                             </view>
                             <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="jrH-BQ-4ti" userLabel="InstallationLabel">
-                                <rect key="frame" x="15" y="219.66666666666666" width="345" height="20.333333333333343"/>
+                                <rect key="frame" x="15" y="289.33333333333331" width="345" height="20.333333333333314"/>
                                 <fontDescription key="fontDescription" type="boldSystem" pointSize="17"/>
                                 <nil key="textColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="Z6Q-k0-ggs" userLabel="AppTextBkrdPad">
-                                <rect key="frame" x="15" y="244" width="345" height="304"/>
+                                <rect key="frame" x="15" y="313.66666666666669" width="345" height="304.00000000000006"/>
                                 <subviews>
                                     <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="cWe-iO-9F6" userLabel="SettingsBtnPad">
                                         <rect key="frame" x="0.0" y="0.0" width="345" height="304"/>
@@ -403,7 +403,7 @@
                                 </constraints>
                             </view>
                             <view contentMode="scaleToFill" translatesAutoresizingMaskIntoConstraints="NO" id="uV9-hG-bLi" userLabel="AppTextBkrdPhone">
-                                <rect key="frame" x="15" y="244" width="345" height="255.33333333333337"/>
+                                <rect key="frame" x="15" y="313.66666666666669" width="345" height="255.33333333333331"/>
                                 <subviews>
                                     <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="UpZ-Pp-c4F" userLabel="SettingsBtnPhone">
                                         <rect key="frame" x="0.0" y="0.0" width="345" height="255.33333333333334"/>
@@ -427,7 +427,7 @@
                                         </constraints>
                                     </imageView>
                                     <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" translatesAutoresizingMaskIntoConstraints="NO" id="l1f-Me-0zA" userLabel="TopIconPhone">
-                                        <rect key="frame" x="309" y="6" width="30" height="30"/>
+                                        <rect key="frame" x="309" y="6.0000000000000018" width="30" height="29.666666666666671"/>
                                         <constraints>
                                             <constraint firstAttribute="width" secondItem="l1f-Me-0zA" secondAttribute="height" multiplier="1:1" id="ePU-rX-Uqv"/>
                                         </constraints>
@@ -476,7 +476,7 @@
                             <constraint firstItem="6Tk-OE-BBY" firstAttribute="trailing" secondItem="jrH-BQ-4ti" secondAttribute="trailing" constant="15" id="zOe-dD-pB6"/>
                         </constraints>
                     </view>
-                    <tabBarItem key="tabBarItem" title="app.installation.title" image="keyboard" catalog="system" id="HNz-5D-1T0"/>
+                    <navigationItem key="navigationItem" id="lXy-sa-sMd"/>
                     <connections>
                         <outlet property="appTextBackgroundPad" destination="Z6Q-k0-ggs" id="cdi-Kv-7aq"/>
                         <outlet property="appTextBackgroundPhone" destination="uV9-hG-bLi" id="s6y-0B-0qh"/>
@@ -497,7 +497,7 @@
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
             </objects>
-            <point key="canvasLocation" x="-1831.2" y="-836.45320197044339"/>
+            <point key="canvasLocation" x="53.600000000000001" y="-836.45320197044339"/>
         </scene>
         <!--app.about.title-->
         <scene sceneID="6lj-MX-SxG">
@@ -506,7 +506,7 @@
                     <tabBarItem key="tabBarItem" tag="2" title="app.about.title" image="info.circle" catalog="system" id="U3y-iM-H0G"/>
                     <toolbarItems/>
                     <navigationBar key="navigationBar" contentMode="scaleToFill" largeTitles="YES" id="Jq3-G5-4j6">
-                        <rect key="frame" x="0.0" y="50" width="375" height="96"/>
+                        <rect key="frame" x="0.0" y="100" width="375" height="106"/>
                         <autoresizingMask key="autoresizingMask"/>
                         <color key="tintColor" name="keyChar"/>
                         <color key="barTintColor" name="scribeAppBackground"/>
@@ -529,7 +529,7 @@
                     </tabBarItem>
                     <toolbarItems/>
                     <navigationBar key="navigationBar" contentMode="scaleToFill" largeTitles="YES" id="IHJ-rg-pcl">
-                        <rect key="frame" x="0.0" y="50" width="375" height="96"/>
+                        <rect key="frame" x="0.0" y="100" width="375" height="106"/>
                         <autoresizingMask key="autoresizingMask"/>
                         <color key="tintColor" name="keyChar"/>
                         <color key="barTintColor" name="scribeAppBackground"/>
@@ -548,7 +548,7 @@
             <objects>
                 <tableViewController storyboardIdentifier="TableViewTemplateViewController" id="ZA3-mW-CXa" customClass="TableViewTemplateViewController" customModule="Scribe" customModuleProvider="target" sceneMemberID="viewController">
                     <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="insetGrouped" separatorStyle="default" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="18" estimatedSectionHeaderHeight="-1" sectionFooterHeight="18" estimatedSectionFooterHeight="-1" id="AcG-ai-d5x">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="729"/>
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="695"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <color key="backgroundColor" name="scribeAppBackground"/>
                         <connections>
@@ -570,7 +570,7 @@
             <objects>
                 <tableViewController storyboardIdentifier="SelectionViewTemplateViewController" id="oOM-lN-cEA" userLabel="Selection View Template View Controller" customClass="SelectionViewTemplateViewController" customModule="Scribe" customModuleProvider="target" sceneMemberID="viewController">
                     <tableView key="view" clipsSubviews="YES" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="prototypes" style="insetGrouped" separatorStyle="default" rowHeight="-1" estimatedRowHeight="-1" sectionHeaderHeight="18" estimatedSectionHeaderHeight="-1" sectionFooterHeight="18" estimatedSectionFooterHeight="-1" id="SS2-uh-4eH">
-                        <rect key="frame" x="0.0" y="0.0" width="375" height="729"/>
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="695"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <color key="backgroundColor" name="scribeAppBackground"/>
                         <connections>
@@ -584,6 +584,44 @@
             </objects>
             <point key="canvasLocation" x="956" y="-100"/>
         </scene>
+        <!--app.installation.title-->
+        <scene sceneID="2my-SI-kbz">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="lVT-tc-LdF" sceneMemberID="viewController">
+                    <tabBarItem key="tabBarItem" title="app.installation.title" image="keyboard" catalog="system" id="HNz-5D-1T0"/>
+                    <toolbarItems/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="04t-RY-ghe">
+                        <rect key="frame" x="0.0" y="100" width="375" height="54"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="m83-Ov-JKO" kind="relationship" relationship="rootViewController" id="Ijq-FZ-AI3"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="MpS-P1-qZe" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-1831.2" y="-836.45320197044339"/>
+        </scene>
+        <!--Navigation Controller-->
+        <scene sceneID="b2a-sJ-8WG">
+            <objects>
+                <navigationController automaticallyAdjustsScrollViewInsets="NO" id="m83-Ov-JKO" sceneMemberID="viewController">
+                    <toolbarItems/>
+                    <navigationItem key="navigationItem" id="nmU-tX-MuE"/>
+                    <navigationBar key="navigationBar" contentMode="scaleToFill" id="2Z6-K9-pyl">
+                        <rect key="frame" x="0.0" y="100" width="375" height="54"/>
+                        <autoresizingMask key="autoresizingMask"/>
+                    </navigationBar>
+                    <nil name="viewControllers"/>
+                    <connections>
+                        <segue destination="BYZ-38-t0r" kind="relationship" relationship="rootViewController" id="okW-AA-iFJ"/>
+                    </connections>
+                </navigationController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="ued-CT-zP2" userLabel="First Responder" customClass="UIResponder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="-888.79999999999995" y="-836.45320197044339"/>
+        </scene>
     </scenes>
     <color key="tintColor" name="scribeAppBackground"/>
     <resources>
diff --git a/Scribe/ConfirmDialog/ConfirmDialogView.swift b/Scribe/ConfirmDialog/ConfirmDialogView.swift
new file mode 100644
index 00000000..36d64f92
--- /dev/null
+++ b/Scribe/ConfirmDialog/ConfirmDialogView.swift
@@ -0,0 +1,110 @@
+// SPDX-License-Identifier: GPL-3.0-or-later
+
+/**
+ * Confirmation Dialog tooltip.
+ */
+
+import SwiftUI
+
+struct ConfirmDialogView: View {
+  private let cardCornerRadius: CGFloat = 10
+  private let iconSize: CGFloat = 30.0
+  private let cardPadding: CGFloat = 16
+  private let externalPadding: CGFloat = 5
+  private let shadowColor = Color(red: 63/255, green: 63/255, blue: 70/255).opacity(0.25)
+
+  var infoText: String
+  var changeButtonText: String
+  var confirmButtonText: String
+  var onDismiss: () -> Void
+  var onChange: () -> Void
+  var onConfirm: () -> Void
+
+  var body: some View {
+    ZStack {
+      Color.clear
+        .contentShape(Rectangle())
+        .onTapGesture {
+          onDismiss()
+        }
+      VStack(spacing: 10) {
+        HStack(alignment: .center) {
+          Image(systemName: "info.circle")
+            .resizable()
+            .frame(width: iconSize, height: iconSize)
+            .foregroundColor(Color.scribeCTA)
+
+          Text(infoText)
+            .font(.system(size: DeviceType.isPad ? 22 : 0))
+            .fixedSize(horizontal: false, vertical: true)
+        }
+
+        HStack {
+          Spacer()
+          Button(
+              action: onChange,
+              label: {
+                  Text(changeButtonText)
+                  .font(.system(size: DeviceType.isPad ? 22 : 0))
+                  .foregroundColor(Color.keyChar)
+                  })
+            .buttonStyle(.borderedProminent)
+            .tint(Color.keySpecial)
+            .shadow(
+              color: shadowColor,
+              radius: 1,
+              x: 0,
+              y: 3
+            )
+          Button(
+              action: onConfirm,
+              label: {
+                  Text(confirmButtonText)
+                  .font(.system(size: DeviceType.isPad ? 22 : 0))
+                  .foregroundColor(Color.keyChar)
+                  })
+            .buttonStyle(.borderedProminent)
+            .tint(Color.scribeBlue)
+            .shadow(
+              color: shadowColor,
+              radius: 3,
+              x: 0,
+              y: 3
+            )
+        }
+      }
+      .padding(cardPadding)
+      .background(
+          RoundedRectangle(cornerRadius: cardCornerRadius)
+              .fill(Color.lightWhiteDarkBlack)
+              .shadow(
+                color: shadowColor,
+                radius: 3,
+                x: 0,
+                y: 4
+              )
+      )
+      .padding(externalPadding)
+
+    }
+   }
+}
+
+struct ConfirmTranslationSource: View {
+  var infoText: String
+  var changeButtonText: String
+  var confirmButtonText: String
+  var onDismiss: () -> Void
+  var onChange: () -> Void
+  var onConfirm: () -> Void
+  var body: some View {
+    ConfirmDialogView(
+      infoText: infoText,
+      changeButtonText: changeButtonText,
+      confirmButtonText: confirmButtonText,
+      onDismiss: onDismiss,
+      onChange: onChange,
+      onConfirm: onConfirm
+    )
+  }
+}
diff --git a/Scribe/InstallationTab/InstallationVC.swift b/Scribe/InstallationTab/InstallationVC.swift
index d0f1fe12..962ad916 100644
--- a/Scribe/InstallationTab/InstallationVC.swift
+++ b/Scribe/InstallationTab/InstallationVC.swift
@@ -80,6 +80,10 @@ class InstallationVC: UIViewController {
   override func viewDidLoad() {
     super.viewDidLoad()
 
+    navigationController?.setNavigationBarHidden(true, animated: false)
+    edgesForExtendedLayout = .all
+    extendedLayoutIncludesOpaqueBars = true
+
     self.tabBarController?.viewControllers?[0].title = NSLocalizedString(
       "app.installation.title", value: "Installation", comment: ""
     )
@@ -92,6 +96,7 @@ class InstallationVC: UIViewController {
 
     setCurrentUI()
     showTipCardView()
+    addPopupButton()
   }
 
   /// Includes a call to checkDarkModeSetColors to set brand colors and a call to set the UI for the app screen.
@@ -103,6 +108,7 @@ class InstallationVC: UIViewController {
   /// Includes a call to set the UI for the app screen.
   override func viewWillAppear(_ animated: Bool) {
     super.viewWillAppear(animated)
+    navigationController?.setNavigationBarHidden(true, animated: animated)
     setCurrentUI()
   }
 
@@ -322,4 +328,98 @@ extension InstallationVC {
       }, completion: nil
     )
   }
+
+  private func addPopupButton() {
+          let popupButton = UIButton(type: .system)
+          popupButton.setTitle("Open Popup", for: .normal)
+          popupButton.titleLabel?.font = UIFont.systemFont(ofSize: fontSize)
+          popupButton.backgroundColor = .systemBlue
+          popupButton.setTitleColor(.white, for: .normal)
+          popupButton.layer.cornerRadius = 10
+          popupButton.translatesAutoresizingMaskIntoConstraints = false
+
+          popupButton.addTarget(self, action: #selector(showPopup), for: .touchUpInside)
+          view.addSubview(popupButton)
+
+          NSLayoutConstraint.activate([
+              popupButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -20),
+              popupButton.centerXAnchor.constraint(equalTo: view.centerXAnchor),
+              popupButton.widthAnchor.constraint(equalToConstant: 150),
+              popupButton.heightAnchor.constraint(equalToConstant: 44)
+          ])
+      }
+
+      @objc private func showPopup() {
+        var sourceLanguage = "English"
+        var destLanguage = "German"
+        var infoText = "The data you will download will allow you to translate from  \(sourceLanguage) to \(destLanguage). Do you want to change the language you'll translate  from?"
+        var changeText = "Change language"
+        var confirmText = "Use \(sourceLanguage)"
+
+        let popupView = ConfirmTranslationSource(
+          infoText: infoText,
+          changeButtonText: changeText,
+          confirmButtonText: confirmText,
+          onDismiss: {self.dismiss(animated: true)},
+          onChange: {
+                self.dismiss(animated: true) {
+                    if let translationLangController = self.storyboard?.instantiateViewController(
+                    identifier: "SelectionViewTemplateViewController"
+                    ) as? SelectionViewTemplateViewController {
+
+                    var data = SettingsTableData.translateLangSettingsData
+                    let langCode = "de"
+
+                    // Remove the current keyboard language from translation.
+                    let langCodeIndex = SettingsTableData.translateLangSettingsData[0].section.firstIndex(where: { s in
+                        s.sectionState == .specificLang(langCode)
+                    }) ?? -1
+                    if langCodeIndex >= 0 {
+                        data[0].section.remove(at: langCodeIndex)
+                    }
+
+                    let sectionTitle = getKeyInDict(givenValue: langCode, dict: languagesAbbrDict)
+
+                    let parentSection = Section(
+                              sectionTitle: sectionTitle,
+                              imageString: nil,
+                              hasToggle: false,
+                              hasNestedNavigation: true,
+                              sectionState: .translateLang,
+                              shortDescription: nil,
+                              externalLink: false
+                            )
+
+                    translationLangController.configureTable(
+                        for: data,
+                        parentSection: parentSection,
+                        langCode: langCode
+                    )
+
+                    translationLangController.edgesForExtendedLayout = .all
+
+                    // COPY the navigation bar appearance from Settings tab.
+                    if let settingsNavController = self.tabBarController?.viewControllers?[1] as? UINavigationController {
+                        // Copy all the styling from Settings' nav controller.
+                        self.navigationController?.navigationBar.standardAppearance = settingsNavController.navigationBar.standardAppearance
+                        self.navigationController?.navigationBar.scrollEdgeAppearance = settingsNavController.navigationBar.scrollEdgeAppearance
+                        self.navigationController?.navigationBar.tintColor = settingsNavController.navigationBar.tintColor
+                        self.navigationController?.navigationBar.barTintColor = settingsNavController.navigationBar.barTintColor
+                        }
+
+                    self.navigationController?.setNavigationBarHidden(false, animated: false)
+                    self.navigationController?.pushViewController(translationLangController, animated: true)
+                    }
+                }
+            },
+          onConfirm: {self.dismiss(animated: true)},
+
+        )
+          let hostingController = UIHostingController(rootView: popupView)
+          hostingController.modalPresentationStyle = .overFullScreen
+          hostingController.modalTransitionStyle = .crossDissolve
+          hostingController.view.backgroundColor = .clear
+
+          present(hostingController, animated: true)
+      }
 }
diff --git a/Scribe/Views/SelectionViewTemplateViewController.swift b/Scribe/Views/SelectionViewTemplateViewController.swift
index 5a28bbfd..1964e527 100644
--- a/Scribe/Views/SelectionViewTemplateViewController.swift
+++ b/Scribe/Views/SelectionViewTemplateViewController.swift
@@ -5,6 +5,7 @@
  */
 
 import UIKit
+import SwiftUI
 
 final class SelectionViewTemplateViewController: BaseTableViewController {
   // MARK: - Properties
@@ -25,6 +26,8 @@ final class SelectionViewTemplateViewController: BaseTableViewController {
 
   override func viewDidLoad() {
     super.viewDidLoad()
+    edgesForExtendedLayout = .all
+    extendedLayoutIncludesOpaqueBars = true
     tableView.register(
       UINib(nibName: "RadioTableViewCell", bundle: nil),
       forCellReuseIdentifier: RadioTableViewCell.reuseIdentifier
@@ -62,6 +65,23 @@ extension SelectionViewTemplateViewController {
   }
 
   override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
+    let cell = tableView.cellForRow(at: indexPath) as! RadioTableViewCell
+    let oldLang = userDefaults.string(forKey: langCode + "TranslateLanguage") ?? "en"
+    let newLang = cell.selectedLang ?? "en"
+
+    if let selectedIndexPath = tableView.indexPathForSelectedRow {
+      tableView.deselectRow(at: selectedIndexPath, animated: true)
+    }
+
+    // Only show popup if selecting a different language.
+    if newLang != oldLang {
+        let oldIndexPath = selectedPath
+        updateRadioButton(to: indexPath, in: tableView)
+        showPopup(oldLang: oldLang, newLang: newLang, oldIndexPath: oldIndexPath, newIndexPath: indexPath, tableView: tableView)
+    }
+  }
+
+  private func updateRadioButton(to indexPath: IndexPath, in tableView: UITableView) {
     if selectedPath != nil {
       let previousCell = tableView.cellForRow(at: selectedPath!) as! RadioTableViewCell
       previousCell.iconImageView.image = UIImage(named: "radioButton")
@@ -70,13 +90,47 @@ extension SelectionViewTemplateViewController {
     let cell = tableView.cellForRow(at: indexPath) as! RadioTableViewCell
     cell.iconImageView.image = UIImage(named: "radioButtonSelected")
     selectedPath = indexPath
+  }
 
-    let dictionaryKey = langCode + "TranslateLanguage"
-    userDefaults.setValue(cell.selectedLang, forKey: dictionaryKey)
+  private func showPopup(oldLang: String, newLang: String, oldIndexPath: IndexPath?, newIndexPath: IndexPath, tableView: UITableView) {
+    let oldLangName = getKeyInDict(givenValue: oldLang, dict: languagesAbbrDict)
+    let newLangName = getKeyInDict(givenValue: newLang, dict: languagesAbbrDict)
 
-    if let selectedIndexPath = tableView.indexPathForSelectedRow {
-      tableView.deselectRow(at: selectedIndexPath, animated: true)
+    let infoText = "You've changed your source translation language. Would you like to download new data so that you can translate from \(newLangName)?"
+
+    func onKeep() {
+        // Keep old language - revert and dismiss.
+        self.dismiss(animated: true) {
+            if let oldPath = oldIndexPath {
+                self.updateRadioButton(to: oldPath, in: tableView)
+            }
+        }
+    }
+
+    func confirmDownload() {
+        // Download data - save new language.
+        self.dismiss(animated: true) {
+            let dictionaryKey = self.langCode + "TranslateLanguage"
+            self.userDefaults.setValue(newLang, forKey: dictionaryKey)
+
+            self.navigationController?.popViewController(animated: true)
+            }
     }
-    navigationController?.popViewController(animated: true)
+
+    let popupView = ConfirmTranslationSource(
+        infoText: infoText,
+        changeButtonText: "Keep \(oldLangName)",
+        confirmButtonText: "Download data",
+        onDismiss: { onKeep() },
+        onChange: { onKeep()},
+        onConfirm: { confirmDownload() }
+    )
+
+    let hostingController = UIHostingController(rootView: popupView)
+    hostingController.modalPresentationStyle = .overFullScreen
+    hostingController.modalTransitionStyle = .crossDissolve
+    hostingController.view.backgroundColor = .clear
+
+    present(hostingController, animated: true)
   }
 }