diff --git a/Lieb/Pages/Raids/RaidDetails.razor b/Lieb/Pages/Raids/RaidDetails.razor
index f4a371d..7e7c3e0 100644
--- a/Lieb/Pages/Raids/RaidDetails.razor
+++ b/Lieb/Pages/Raids/RaidDetails.razor
@@ -74,13 +74,13 @@
 
         <div>
             <AuthorizeView>
-                <button class="controlButton" @onclick="() => SignOffClicked()">Sign Off</button>
+                <button class="controlButton raidButton" @onclick="() => SignOffClicked()">Sign Off</button>
             </AuthorizeView>
             <AuthorizeView Policy="@Constants.Roles.RaidLead">
-                <button class="controlButton" @onclick="() => EditClicked()">Edit</button>
+                <button class="controlButton raidButton" @onclick="() => EditClicked()">Edit</button>
                 @if (_raid.RaidType != RaidType.Planned)
                 {
-                    <button class="controlButton" type=button @onclick="() => RandomizeClicked()">Randomize</button>
+                    <button class="controlButton raidButton" type=button @onclick="() => RandomizeClicked()">Randomize</button>
                 }
             </AuthorizeView>
         </div>
diff --git a/Lieb/Pages/Raids/RaidDetails.razor.css b/Lieb/Pages/Raids/RaidDetails.razor.css
index 7cc6c04..c34322e 100644
--- a/Lieb/Pages/Raids/RaidDetails.razor.css
+++ b/Lieb/Pages/Raids/RaidDetails.razor.css
@@ -35,6 +35,19 @@ h5 {
     margin-right: 10px;
 }
 
+::deep .raidButton {
+    color: lightgray;
+    background-color: #444444;
+    width: 100px;
+    border: none;
+    padding: 8px;
+    text-align: center;
+    text-decoration: none;
+    margin: 4px 2px;
+    cursor: pointer;
+    border-radius: 8px;
+}
+
 table {
     column-width: auto;
     color: lightgray;
diff --git a/Lieb/Pages/Raids/RaidRoles.razor b/Lieb/Pages/Raids/RaidRoles.razor
index f86a927..b3abc35 100644
--- a/Lieb/Pages/Raids/RaidRoles.razor
+++ b/Lieb/Pages/Raids/RaidRoles.razor
@@ -72,12 +72,12 @@
                 {
                     bool notIsRoleSignUpAllowed = !RaidService.IsRoleSignUpAllowed(_raid.RaidId, _liebUserId, role.Role.PlannedRaidRoleId, SignUpType.SignedUp, false);
                     bool notIsBackupAllowed = _raid.RaidType != RaidType.Planned && notIsRoleSignUpAllowed;
-                    <td class="signUpButton"><button @onclick="() => SignUpClicked(role.Role, SignUpType.SignedUp)" disabled="@notIsRoleSignUpAllowed">Sign Up</button></td>
-                    <td class="signUpButton"><button @onclick="() => SignUpClicked(role.Role, SignUpType.Maybe)" disabled="@notIsRoleSignUpAllowed">Maybe</button></td>
-                    <td class="signUpButton"><button @onclick="() => SignUpClicked(role.Role, SignUpType.Backup)" disabled="@notIsBackupAllowed">Backup</button></td>
+                    <td><button class="raidButton" @onclick="() => SignUpClicked(role.Role, SignUpType.SignedUp)" disabled="@notIsRoleSignUpAllowed">Sign Up</button></td>
+                    <td><button class="raidButton" @onclick="() => SignUpClicked(role.Role, SignUpType.Maybe)" disabled="@notIsRoleSignUpAllowed">Maybe</button></td>
+                    <td><button class="raidButton" @onclick="() => SignUpClicked(role.Role, SignUpType.Backup)" disabled="@notIsBackupAllowed">Backup</button></td>
                     @if (isSignedUp && _raid.RaidType == RaidType.Planned)
                     {
-                        <td><button @onclick="() => SignUpClicked(role.Role, SignUpType.Flex)">Flex</button></td>
+                        <td><button class="raidButton" @onclick="() => SignUpClicked(role.Role, SignUpType.Flex)">Flex</button></td>
                     }
                 }
             </tr>
diff --git a/Lieb/Pages/Raids/RaidRoles.razor.css b/Lieb/Pages/Raids/RaidRoles.razor.css
index 3276fbc..4d1f450 100644
--- a/Lieb/Pages/Raids/RaidRoles.razor.css
+++ b/Lieb/Pages/Raids/RaidRoles.razor.css
@@ -6,11 +6,8 @@ table {
 }
 
 button {
-    width: max-content;
-}
-
-.signUpButton{
-    width: 30px;
+    /*width: max-content;*/
+    width: 80px;
 }
 
 .tdSignUp {
diff --git a/Lieb/Pages/Raids/SignedUpUsers.razor b/Lieb/Pages/Raids/SignedUpUsers.razor
index a00d8a0..3d686bf 100644
--- a/Lieb/Pages/Raids/SignedUpUsers.razor
+++ b/Lieb/Pages/Raids/SignedUpUsers.razor
@@ -21,7 +21,7 @@
                 @if (isUser && _usableAccounts.Count > 1 && signUp.SignUpType != SignUpType.Flex)
                 {
                     <td>
-                        <select value=@signUp.GuildWars2AccountId @onchange="args => _Parent.ChangeAccount(args)">
+                        <select class="accountselect" value=@signUp.GuildWars2AccountId @onchange="args => _Parent.ChangeAccount(args)">
                             @foreach (var account in _usableAccounts)
                             {
                                 <option value=@account.GuildWars2AccountId>@account.AccountName</option>
diff --git a/Lieb/Pages/Raids/SignedUpUsers.razor.css b/Lieb/Pages/Raids/SignedUpUsers.razor.css
index e9227a8..e8314e4 100644
--- a/Lieb/Pages/Raids/SignedUpUsers.razor.css
+++ b/Lieb/Pages/Raids/SignedUpUsers.razor.css
@@ -36,3 +36,7 @@
 .nametooltip:hover .tooltiptext {
     visibility: visible;
 }
+
+.accountselect {
+    background-color: #555555;
+}
\ No newline at end of file
diff --git a/Lieb/Shared/MainLayout.razor.css b/Lieb/Shared/MainLayout.razor.css
index 158430f..5ce0342 100644
--- a/Lieb/Shared/MainLayout.razor.css
+++ b/Lieb/Shared/MainLayout.razor.css
@@ -22,6 +22,63 @@ main {
     color: lightskyblue;
 }
 
+::deep input {
+    background-color: #555555;
+    border: none;
+    color: lightgray;
+    border-radius: 6px;
+    padding: 4px;
+}
+
+    ::deep input:disabled {
+        background-color: #777777;
+        color: darkgrey;
+    }
+
+::deep textarea {
+    background-color: #555555;
+    border: none;
+    color: lightgray;
+    border-radius: 6px;
+    padding: 4px;
+}
+
+    ::deep textarea:disabled {
+        background-color: #777777;
+        color: darkgrey;
+    }
+
+::deep select {
+    background-color: #555555;
+    border: none;
+    color: lightgray;
+    border-radius: 6px;
+    padding: 4px;
+}
+
+    ::deep select:disabled {
+        background-color: #777777;
+        color: darkgrey;
+    }
+
+::deep button {
+    color: lightgray;
+    background-color: #555555;
+    width: 130px;
+    /*border: none;*/
+    padding: 8px;
+    text-align: center;
+    text-decoration: none;
+    margin: 4px 2px;
+    cursor: pointer;
+    border-radius: 8px;
+}
+
+    ::deep button:disabled {
+        background-color: #777777;
+        color: darkgrey;
+    }
+
 .top-row {
     background-color: #202020;
     border-bottom: 1px solid #d6d5d5;