3 files changed, 29 insertions, 1 deletions
diff --git a/gui/src/renderer/components/CustomDnsSettings.tsx b/gui/src/renderer/components/CustomDnsSettings.tsx
index fbf7d3dce0..824e010970 100644
--- a/gui/src/renderer/components/CustomDnsSettings.tsx
+++ b/gui/src/renderer/components/CustomDnsSettings.tsx
@@ -52,7 +52,8 @@ export default function CustomDnsSettings() {
         !dns.defaultOptions.blockTrackers &&
         !dns.defaultOptions.blockMalware &&
         !dns.defaultOptions.blockAdultContent &&
-        !dns.defaultOptions.blockGambling),
+        !dns.defaultOptions.blockGambling &&
+        !dns.defaultOptions.blockSocialMedia),
     [dns],
   );
 
diff --git a/gui/src/renderer/components/VpnSettings.tsx b/gui/src/renderer/components/VpnSettings.tsx
index 676ae4f484..13a4503d71 100644
--- a/gui/src/renderer/components/VpnSettings.tsx
+++ b/gui/src/renderer/components/VpnSettings.tsx
@@ -285,6 +285,7 @@ function DnsBlockers() {
       <BlockMalware />
       <BlockGambling />
       <BlockAdultContent />
+      <BlockSocialMedia />
     </Cell.ExpandableSection>
   );
 }
@@ -420,6 +421,31 @@ function BlockAdultContent() {
           />
         </AriaInput>
       </StyledSectionItem>
+    </AriaInputGroup>
+  );
+}
+
+function BlockSocialMedia() {
+  const [dns, setBlockSocialMedia] = useDns('blockSocialMedia');
+
+  return (
+    <AriaInputGroup>
+      <StyledSectionItem disabled={dns.state === 'custom'}>
+        <AriaLabel>
+          <Cell.InputLabel>
+            {
+              // TRANSLATORS: Label for settings that enables block of social media.
+              messages.pgettext('vpn-settings-view', 'Social media')
+            }
+          </Cell.InputLabel>
+        </AriaLabel>
+        <AriaInput>
+          <Cell.Switch
+            isOn={dns.state === 'default' && dns.defaultOptions.blockSocialMedia}
+            onChange={setBlockSocialMedia}
+          />
+        </AriaInput>
+      </StyledSectionItem>
       {dns.state === 'custom' && <CustomDnsEnabledFooter />}
     </AriaInputGroup>
   );
diff --git a/gui/src/renderer/redux/settings/reducers.ts b/gui/src/renderer/redux/settings/reducers.ts
index 576253bb48..2030d70844 100644
--- a/gui/src/renderer/redux/settings/reducers.ts
+++ b/gui/src/renderer/redux/settings/reducers.ts
@@ -155,6 +155,7 @@ const initialState: ISettingsReduxState = {
       blockMalware: false,
       blockAdultContent: false,
       blockGambling: false,
+      blockSocialMedia: false,
     },
     customOptions: {
       addresses: [],