diff --git a/app/assets/css/launcher.css b/app/assets/css/launcher.css
index 5681699..63fedf6 100644
--- a/app/assets/css/launcher.css
+++ b/app/assets/css/launcher.css
@@ -1254,7 +1254,7 @@ input:checked + .toggleSwitchSlider:before {
     color: rgba(255, 255, 255, 0.75);
 }
 
-/* Description for the file selector. */
+/* Description for the File selectors. */
 .settingsFileSelDesc {
     font-size: 10px;
     margin: 20px 0px;
@@ -1265,6 +1265,51 @@ input:checked + .toggleSwitchSlider:before {
     font-family: 'Avenir Medium';
 }
 
+/* Main container for File selectors. */
+.settingsServerCodeContainer {
+    display: flex;
+    flex-direction: column;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
+    margin-bottom: 20px;
+    margin-top: 20px;
+    width: 75%;
+}
+
+/* Server Code title. */
+.settingsServerCodeTitle {
+    margin-bottom: 10px;
+    font-size: 18px;
+    font-weight: bold;
+}
+
+/* Wrapper container for the actionable elements. */
+.settingsServerCodeActions {
+    display: flex;
+    width: 90%;
+}
+
+/* Enabled text field which stores the secret code if available. */
+.settingsServerCodeVal {
+    border-radius: 0px !important;
+    width: 100%;
+    padding: 5px 10px;
+    font-size: 12px;
+    height: 30px;
+}
+
+/* Description for the file selector. */
+.settingsServerCodeDesc {
+    margin: 20px 0px;
+    color: grey;
+    font-size: 14px;
+    width: 90%;
+}
+
+
+.settingsServerCodeDesc strong {
+    font-family: 'Avenir Medium';
+}
+
 /* * *
 * Settings View (Account Tab)
 * * */