diff --git a/src/theme/components/language.scss b/src/theme/components/language.scss
new file mode 100644
index 00000000000..16165f9f631
--- /dev/null
+++ b/src/theme/components/language.scss
@@ -0,0 +1,27 @@
+// Some languages have tall typefaces and it may be necessary to adjust the line height.
+:root[lang=ar],
+:root[lang=bn],
+:root[lang=fa],
+:root[lang=gu],
+:root[lang=hi],
+:root[lang=km],
+:root[lang=kn],
+:root[lang=ml],
+:root[lang=mr],
+:root[lang=my],
+:root[lang=ne],
+:root[lang=pa],
+:root[lang=si],
+:root[lang=ta],
+:root[lang=te],
+:root[lang=th],
+:root[lang=ur],
+:root[lang=vi] {
+    --mdl-typography-heading-lineHeight: 200%;
+    --mdl-typography-body-lineHeight: 170%;
+    --mdl-typography-link-lineHeight: 170%;
+    --mdl-typography-subtitle-lineHeight: 170%;
+    * {
+        line-height: 170%;
+    }
+}
diff --git a/src/theme/theme.scss b/src/theme/theme.scss
index 0fc03a0903f..7a152e680f7 100644
--- a/src/theme/theme.scss
+++ b/src/theme/theme.scss
@@ -18,6 +18,7 @@
 @import "theme.base.scss";
 
 /* Components */
+@import "components/language.scss";
 @import "components/collapsible-header.scss";
 @import "components/collapsible-item.scss";
 @import "components/error-accordion.scss";