diff --git a/Iceshrimp.Frontend/Components/BannerContainer.razor.css b/Iceshrimp.Frontend/Components/BannerContainer.razor.css
index fe45975e..958072c3 100644
--- a/Iceshrimp.Frontend/Components/BannerContainer.razor.css
+++ b/Iceshrimp.Frontend/Components/BannerContainer.razor.css
@@ -4,9 +4,9 @@
     right: 1rem;
     background-color: var(--background-color);
     border: solid var(--highlight-color) 0.05rem;
-    border-radius: 1rem;
-    padding: 0.5rem 1rem;
-    z-index: +1;
+    border-radius: 1.5rem;
+    padding: 0.25rem 0.5rem;
+    z-index: +7;
     display: flex;
     flex-direction: column;
     align-items: center;
diff --git a/Iceshrimp.Frontend/Components/Compose.razor.css b/Iceshrimp.Frontend/Components/Compose.razor.css
index 6e8c756f..932ebf38 100644
--- a/Iceshrimp.Frontend/Components/Compose.razor.css
+++ b/Iceshrimp.Frontend/Components/Compose.razor.css
@@ -5,6 +5,7 @@
     padding: 1rem;
     max-width: 45rem;
     color: var(--font-color);
+    border: solid var(--highlight-color) 0.05rem;
 }
 
 .compose input {
diff --git a/Iceshrimp.Frontend/Components/NotificationList.razor.css b/Iceshrimp.Frontend/Components/NotificationList.razor.css
index b7ce79b3..59a0c818 100644
--- a/Iceshrimp.Frontend/Components/NotificationList.razor.css
+++ b/Iceshrimp.Frontend/Components/NotificationList.razor.css
@@ -5,6 +5,7 @@
     width: 100%;
     overflow-x: auto;
     overscroll-behavior-y: contain;
+    padding-top: 0.5rem;
 }
 
 .wrapper {
diff --git a/Iceshrimp.Frontend/Layout/MainLayout.razor.css b/Iceshrimp.Frontend/Layout/MainLayout.razor.css
index da8a98ba..e43797a1 100644
--- a/Iceshrimp.Frontend/Layout/MainLayout.razor.css
+++ b/Iceshrimp.Frontend/Layout/MainLayout.razor.css
@@ -34,7 +34,7 @@
     padding-right: 1rem;
     position: sticky;
     top: 0;
-    z-index: +2;
+    z-index: +6;
 
     i {
         padding-right: 0.5rem;
diff --git a/Iceshrimp.Frontend/Layout/SettingsLayout.razor.css b/Iceshrimp.Frontend/Layout/SettingsLayout.razor.css
index ec28ad7f..60684155 100644
--- a/Iceshrimp.Frontend/Layout/SettingsLayout.razor.css
+++ b/Iceshrimp.Frontend/Layout/SettingsLayout.razor.css
@@ -2,7 +2,6 @@
     .input {
         display: block;
         background-color: var(--foreground-color);
-        border: none;
         outline: none;
         width: 100%;
         border-radius: 0.5rem;
diff --git a/Iceshrimp.Frontend/Layout/Sidebar.razor.css b/Iceshrimp.Frontend/Layout/Sidebar.razor.css
index 5d13a5bd..58553e6f 100644
--- a/Iceshrimp.Frontend/Layout/Sidebar.razor.css
+++ b/Iceshrimp.Frontend/Layout/Sidebar.razor.css
@@ -19,7 +19,7 @@
 
 ::deep {
     .bottom-bar-icon {
-        font-size: 20px !important; 
+        font-size: 20px !important;
     }
 }
 
@@ -55,6 +55,13 @@
 
 .header {
     height: 5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.avatar {
+    cursor: pointer;
 }
 
 .sidebar-btn {
@@ -71,7 +78,7 @@
     color: white;
     font-size: 0.9em;
     background: var(--foreground-color);
-    
+
     > i {
         padding-right: 0.5rem;
     }
@@ -121,14 +128,6 @@
     .bottom-bar {
         display: none;
     }
-    .header {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-    .avatar {
-        cursor: pointer;
-    }
 }
 
 @media (max-width: 1000px) {
diff --git a/Iceshrimp.Frontend/Pages/Login.razor.css b/Iceshrimp.Frontend/Pages/Login.razor.css
index e1356cf0..b69af69e 100644
--- a/Iceshrimp.Frontend/Pages/Login.razor.css
+++ b/Iceshrimp.Frontend/Pages/Login.razor.css
@@ -16,13 +16,13 @@
 }
 
 .dialog {
+    background-color: unset;
     width: 100vw;
     height: 100vh;
     top: 0;
     left: 0;
     position: fixed;
     margin: auto;
-    background-color: unset;
     z-index: +11;
 }
 
@@ -34,7 +34,7 @@
     height: 100vh;
     top: 0;
     left: 0;
-    z-index: -2
+    z-index: -2;
 }
 
 .dialog-content {
@@ -48,6 +48,8 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    background-color: var(--background-color);
+    border: solid var(--highlight-color) 0.05rem;
 }
 
 .header {
diff --git a/Iceshrimp.Frontend/Pages/Register.razor.css b/Iceshrimp.Frontend/Pages/Register.razor.css
index d0479557..cffcb62f 100644
--- a/Iceshrimp.Frontend/Pages/Register.razor.css
+++ b/Iceshrimp.Frontend/Pages/Register.razor.css
@@ -12,7 +12,7 @@
 }
 
 input:invalid {
-    border: 0.1rem solid var(--highlight-color);
+    border: 0.05rem solid var(--highlight-color);
 }
 
 .logo {
diff --git a/Iceshrimp.Frontend/wwwroot/css/app.css b/Iceshrimp.Frontend/wwwroot/css/app.css
index 84e28eea..6d69438a 100644
--- a/Iceshrimp.Frontend/wwwroot/css/app.css
+++ b/Iceshrimp.Frontend/wwwroot/css/app.css
@@ -127,7 +127,7 @@ button {
 input, textarea, select {
     display: block;
     background-color: var(--foreground-color);
-    border: none;
+    border: solid var(--highlight-color) 0.05rem ;
     outline: none;
     max-width: 50em;
     border-radius: 0.5em;