Match settings modal to design nuances better

src/settings/SettingsModal.module.css

@@ -19,6 +19,10 @@ limitations under the License.
   height: 480px;
 }
 
+.settingsModal p {
+  color: var(--secondary-content);
+}
+
 .tabContainer {
   padding: 27px 20px;
 }
@@ -26,12 +30,3 @@ limitations under the License.
 .fieldRowText {
   margin-bottom: 0;
 }
-
-/*
-This style guarantees a fixed width of the tab bar in the settings window.
-The "Developer" item in the tab bar can be toggled.
-Without a defined width activating the developer tab makes the tab container jump to the right.
-*/
-.tabLabel {
-  min-width: 80px;
-}

src/settings/SettingsModal.tsx

@@ -195,7 +195,7 @@ export const SettingsModal = (props: Props) => {
           key="profile"
           title={
             <>
-              <UserIcon width={16} height={16} />
+              <UserIcon width={15} height={15} />
               <span>{t("Profile")}</span>
             </>
           }