diff --git a/static/styles/landing-page.css b/static/styles/landing-page.scss
similarity index 100%
rename from static/styles/landing-page.css
rename to static/styles/landing-page.scss
diff --git a/templates/zerver/apps.html b/templates/zerver/apps.html
index ec0a18ba8d..134407e338 100644
--- a/templates/zerver/apps.html
+++ b/templates/zerver/apps.html
@@ -5,7 +5,6 @@
 <style media="screen">
     .app.portico-page { padding-bottom: 0px; }
 </style>
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 {% endblock %}
 
diff --git a/templates/zerver/features.html b/templates/zerver/features.html
index 0ce86ba639..00721effbd 100644
--- a/templates/zerver/features.html
+++ b/templates/zerver/features.html
@@ -1,7 +1,6 @@
 {% extends "zerver/portico.html" %}
 
 {% block customhead %}
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 {% endblock %}
 
diff --git a/templates/zerver/for-companies.html b/templates/zerver/for-companies.html
index 25974f6658..578b310911 100644
--- a/templates/zerver/for-companies.html
+++ b/templates/zerver/for-companies.html
@@ -6,7 +6,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 
 {% endblock %}
diff --git a/templates/zerver/for-mystery-hunt.html b/templates/zerver/for-mystery-hunt.html
index d4918faed2..936783018a 100644
--- a/templates/zerver/for-mystery-hunt.html
+++ b/templates/zerver/for-mystery-hunt.html
@@ -6,7 +6,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 
 {% endblock %}
diff --git a/templates/zerver/for-open-source.html b/templates/zerver/for-open-source.html
index f9a8777acd..d843e8cc77 100644
--- a/templates/zerver/for-open-source.html
+++ b/templates/zerver/for-open-source.html
@@ -6,7 +6,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 {% endblock %}
 
diff --git a/templates/zerver/for-working-groups-and-communities.html b/templates/zerver/for-working-groups-and-communities.html
index 314a3fe607..74cea05769 100644
--- a/templates/zerver/for-working-groups-and-communities.html
+++ b/templates/zerver/for-working-groups-and-communities.html
@@ -6,7 +6,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 
 {% endblock %}
diff --git a/templates/zerver/hello.html b/templates/zerver/hello.html
index 3fbd789acf..261085c332 100644
--- a/templates/zerver/hello.html
+++ b/templates/zerver/hello.html
@@ -2,7 +2,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 <style>
     .portico-page {
diff --git a/templates/zerver/history.html b/templates/zerver/history.html
index 4f32a1745e..373857fde3 100644
--- a/templates/zerver/history.html
+++ b/templates/zerver/history.html
@@ -6,7 +6,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 
 {% endblock %}
diff --git a/templates/zerver/integrations/index.html b/templates/zerver/integrations/index.html
index 28bf2afa90..b728a52632 100644
--- a/templates/zerver/integrations/index.html
+++ b/templates/zerver/integrations/index.html
@@ -2,7 +2,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('integrations') }}
 {% endblock %}
 
diff --git a/templates/zerver/plans.html b/templates/zerver/plans.html
index 6ad9c558c4..d635528955 100644
--- a/templates/zerver/plans.html
+++ b/templates/zerver/plans.html
@@ -2,7 +2,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 {% endblock %}
 
diff --git a/templates/zerver/privacy.html b/templates/zerver/privacy.html
index 42594b0fc8..253d29cc7a 100644
--- a/templates/zerver/privacy.html
+++ b/templates/zerver/privacy.html
@@ -6,7 +6,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 {% endblock %}
 
diff --git a/templates/zerver/team.html b/templates/zerver/team.html
index 7c91cbddd5..5dbf8189dc 100644
--- a/templates/zerver/team.html
+++ b/templates/zerver/team.html
@@ -6,7 +6,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 <script>
     var contributors_list = {{ contrib|safe }};
 </script>
diff --git a/templates/zerver/terms.html b/templates/zerver/terms.html
index 89d657abcf..0027e5858b 100644
--- a/templates/zerver/terms.html
+++ b/templates/zerver/terms.html
@@ -4,7 +4,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 
 {% endblock %}
diff --git a/templates/zerver/why-zulip.html b/templates/zerver/why-zulip.html
index 5bfe985088..0512577396 100644
--- a/templates/zerver/why-zulip.html
+++ b/templates/zerver/why-zulip.html
@@ -6,7 +6,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 {% endblock %}
 
diff --git a/templates/zilencer/billing.html b/templates/zilencer/billing.html
index 073dde371c..2746e8cde9 100644
--- a/templates/zilencer/billing.html
+++ b/templates/zilencer/billing.html
@@ -2,7 +2,6 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% stylesheet 'landing-page' %}
 {{ render_bundle('landing-page') }}
 {% endblock %}
 
diff --git a/tools/webpack.assets.json b/tools/webpack.assets.json
index ccac5b6309..9eb9b59daa 100644
--- a/tools/webpack.assets.json
+++ b/tools/webpack.assets.json
@@ -31,8 +31,14 @@
             "./static/js/portico/help.js"
     ],
     "katex": "./node_modules/katex/dist/katex.min.js",
-    "landing-page": "./static/js/portico/landing-page.js",
-    "integrations": "./static/js/portico/integrations.js",
+    "landing-page": [
+        "./static/js/portico/landing-page.js",
+        "./static/styles/landing-page.scss"
+    ],
+    "integrations": [
+        "./static/js/portico/integrations.js",
+        "./static/styles/landing-page.scss"
+    ],
     "signup": [
                "./static/js/portico/signup.js",
                "./node_modules/jquery-validation/dist/jquery.validate.min.js"
diff --git a/zproject/settings.py b/zproject/settings.py
index 62b5acb4e9..54b146a400 100644
--- a/zproject/settings.py
+++ b/zproject/settings.py
@@ -852,12 +852,6 @@ PIPELINE = {
     'STYLESHEETS': {
         # If you add a style here, please update stylesheets()
         # in frontend_tests/zjsunit/output.js as needed.
-        'landing-page': {
-            'source_filenames': (
-                'styles/landing-page.css',
-            ),
-            'output_filename': 'min/landing.css'
-        },
         'apple_sprite': {
             'source_filenames': (
                 'generated/emoji/apple_sprite.css',