diff --git a/src/components/landing/layout/footer/footer.scss b/src/components/landing/layout/footer/footer.scss
deleted file mode 100644
index 9b77e0fc3..000000000
--- a/src/components/landing/layout/footer/footer.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-footer {
-  color: rgba(255, 255, 255, .5);
-}
diff --git a/src/components/landing/layout/footer/footer.tsx b/src/components/landing/layout/footer/footer.tsx
index 304a553f2..864cb1a20 100644
--- a/src/components/landing/layout/footer/footer.tsx
+++ b/src/components/landing/layout/footer/footer.tsx
@@ -2,11 +2,10 @@ import React from "react";
 import {LanguagePicker} from "./language-picker";
 import {PoweredByLinks} from "./powered-by-links";
 import {SocialLink} from "./social-links";
-import "./footer.scss";
 
 export const Footer: React.FC = () => {
     return (
-        <footer>
+        <footer className="text-white-50 small">
             <LanguagePicker/>
             <PoweredByLinks/>
             <SocialLink/>
diff --git a/src/components/landing/layout/footer/language-picker.tsx b/src/components/landing/layout/footer/language-picker.tsx
index e16dd814e..827139063 100644
--- a/src/components/landing/layout/footer/language-picker.tsx
+++ b/src/components/landing/layout/footer/language-picker.tsx
@@ -11,7 +11,7 @@ const LanguagePicker: React.FC = () => {
     }
 
     return (
-        <select className="ui-locale" value={i18n.language} onChange={onChangeLang}>
+        <select className="mb-2" value={i18n.language} onChange={onChangeLang}>
             <option value="en">English</option>
             <option value="zh-CN">简体中文</option>
             <option value="zh-TW">繁體中文</option>