diff --git a/design/dashboard.handlebars b/design/dashboard.handlebars
index 901e184..f1674ba 100644
--- a/design/dashboard.handlebars
+++ b/design/dashboard.handlebars
@@ -1,32 +1,32 @@
 <div class="stream">
-    <header class="stream-header">
-        <span>{{prefs.icons.latest}} Latest</span>
-        <a href="/private" id="newPosts" class="unread" hidden></a>
-    </header>
-    <main id="home_stream">
-        {{#if activitystream}}
-            {{#each activitystream}}
-                <article class="activity">
-                    {{#with this}}
-                        {{#if boost}}
-                            <section class="boost">
-                                🚀 Boosted by 
-                                <a href="/private/feeds/{{getUsername booster.id}}">{{booster.name}}</a>
-                            </section>
-                        {{/if}}
-                        {{> note note=note me=../me}}
-                    {{/with}}
-                </article>
-            {{/each}}
-        {{else}}
-            <div class="empty">
-                <p>Follow some people to fill your feed with posts.</p>
-                <p>Suggestion: Follow 
-                    <a href="/private/feeds/benbrown@hackers.town">benbrown@hackers.town</a>
-                </p>
-            </div>
-        {{/if}}
-    </main>
+<header>
+    <span>{{prefs.icons.latest}} Latest</span>
+    <a href="/private" id="newPosts" class="unread" hidden></a>
+</header>
+<div id="home_stream">
+    {{#if activitystream}}
+        {{#each activitystream}}
+            {{#with this}}
+                <div class="activity">
+                    {{#if boost}}
+                        <div class="boost">
+                        🚀 boosted by <a href="/private/feeds/{{getUsername booster.id}}">{{booster.name}}</a>
+                        </div>
+                    {{/if}}
+                    {{> note note=note me=../me}}
+                </div>
+            {{/with}}
+        {{/each}}
+    {{else}}
+        <div class="empty">
+            <p>Follow some people to fill your feed with posts.</p>
+            <p>I suggest following me! 
+                I'm <a href="/private/feeds/benbrown@hackers.town">benbrown@hackers.town</a>
+            </p>
+        </div>
+    {{/if}}
+</div>
+
 
     {{#if next}}
         <footer>
diff --git a/design/dms.handlebars b/design/dms.handlebars
index 7b4651b..e79ba62 100644
--- a/design/dms.handlebars
+++ b/design/dms.handlebars
@@ -1,36 +1,27 @@
-<article>
-    {{#if error}}
-        <aside class="error">
-            {{error.message}}
-        </aside>
-    {{else}}
-        <section class="stream">
-            {{#if feed}}
-                <header>
-                    <nav>
-                        <a href="/private/dms">Inbox</a> &raquo;
-                        Messages with 
-                        <a href="/private/feeds/{{getUsername feed.id}}">{{feed.preferredUsername}}</a>
-                    </nav>
-                </header>
-                <div class="inbox">
-                    <ul class="messages" id="inbox_stream">
-                        {{#each inbox}}
-                            <li>
-                                {{> dm message=this me=../me}}
-                            </li>
-                        {{/each}}
-                    </ul>
-                    {{> minicomposer inReplyTo=lastIncoming to=feed.id}}
-                </div>
-            {{else}}
-                <div class="empty">
-                    Select a conversation. To create a new one, navigate to a profile.
-                </div>
-            {{/if}}
-        </section>
-    {{/if}}
-</article>
+{{#if error}}
+<div class="error">
+    {{error.message}}
+</div>
+{{else}}
+    <div class="stream">
+        {{#if feed}}
+        <header><a href="/private/dms">Inbox</a> &raquo; Messages with <a href="/private/feeds/{{getUsername feed.id}}">{{feed.preferredUsername}}</a></header>
+        <div class="inbox">
+            <div class="messages" id="inbox_stream">
+                {{#each inbox}}
+                    {{> dm message=this me=../me}}
+                {{/each}}
+            </div>
+        {{> minicomposer inReplyTo=lastIncoming to=feed.id}}
+        </div>
+        {{else}}
+            <!-- TODO: empty state? -->
+            <div class="empty">
+                Select a conversation. To create a new one, navigate to a profile.
+            </div>
+        {{/if}}
+    </div>
+{{/if}}
 <script>
     document.addEventListener('DOMContentLoaded', () => {
         app.pollForPosts();
diff --git a/design/feeds.handlebars b/design/feeds.handlebars
index 8ee9775..e85bd0a 100644
--- a/design/feeds.handlebars
+++ b/design/feeds.handlebars
@@ -1,45 +1,39 @@
-<div class="content-area">
-    {{#if error}}
-        <aside class="error">
-            {{error.message}}
-        </aside>
-    {{else}}
-        <section class="stream">
-            {{#if feed}}
-                {{> profileHeader actor=feed nobio=true}}
-            {{/if}}
-
-            {{#if activitystream}}
-                {{#each activitystream}}
-                    {{#with this}}
-                        <article class="activity">
-                            {{#if boost}}
-                                <div class="boost">
-                                    🚀 Boosted by 
-                                    <a href="/private/feeds/{{getUsername booster.id}}">{{booster.name}}</a>
-                                </div>
-                                {{> note note=note}}
-                            {{else}}
-                                {{> note note=note hidebyline=true}}
-                            {{/if}}
-                        </article>
-                    {{/with}}
-                {{/each}}
-            {{else}}
-                <div class="empty">
-                    No posts. <a href="/private/feeds/{{getUsername feed.id}}">Reload</a>
-                </div>
-            {{/if}}
-
-            {{#if next}}
-                <footer class="pagination">
-                    <a href="?offset={{next}}" class="moreLink">More</a>
-                </footer>
-            {{/if}}
-        </section>
-    {{/if}}
+{{#if error}}
+<div class="error">
+    {{error.message}}
 </div>
+{{else}}
+    <div class="stream">
+        {{#if feed}} 
+        {{> profileHeader actor=feed nobio=true}}
+        {{/if}}
+        {{#if activitystream}}
+            {{#each activitystream}}
+                {{#with this}}
+                    <div class="activity">
+                        {{#if boost}}
+                            <div class="boost">
+                            🚀 boosted by <a href="/private/feeds/{{getUsername booster.id}}">{{booster.name}}</a>
+                            </div>
+                            {{> note note=note}}
+                        {{else}}
+                            {{> note note=note hidebyline=true}}
+                        {{/if}}
+                    </div>
+                {{/with}}
+            {{/each}}
+        {{else}}
+            <!-- TODO: empty state? -->
+            <div class="empty">
+                No posts. <a href="/private/feeds/{{getUsername feed.id}}">Reload</a>
+            </div>
+        {{/if}}
+
+        {{#if next}}
+        <a href="?offset={{next}}" class="moreLink">More</a>
+        {{/if}}
 
+    </div>
 <script>
     document.addEventListener('DOMContentLoaded', () => {
         app.pollForPosts();
diff --git a/design/findresults.handlebars b/design/findresults.handlebars
index bba000d..47d2477 100644
--- a/design/findresults.handlebars
+++ b/design/findresults.handlebars
@@ -1,32 +1,24 @@
-<section class="stream">
+<div class="stream">
     <header>
-        <form method="get" action="/private/find" class="search-form">
-            <label for="lookup">Find People</label>
-            <input 
-                type="search" 
-                placeholder="user@instance.town" 
-                id="lookup" 
-                name="handle" 
-                aria-label="Search for people"
-                value="{{query}}" />
-            {{!-- <button type="submit" class="search-button">Search</button> --}}
+        <form method="get" action="/private/find">
+        <label for="lookup">Find People</label>
+        <input type="search" placeholder="user@instance.town" id="lookup" name="handle" value="{{query}}" />
         </form>
-    </header>
 
+    </header>
     {{#if results}}
-        <div class="results-container">
-            {{#each results}}
-                <div class="activity">
-                    {{> personCard actor=this nobio=true}}
-                </div>
-            {{/each}}
-        </div>
+        {{#each results}}
+            <div class="activity">
+                {{> personCard actor=this nobio=true}}
+            </div>
+        {{/each}}
     {{else}}
         <div class="activity">
-            No results found.
+            Nobody results
         </div>
     {{/if}}
-</section>
+</div>
+
 <script>
     document.addEventListener('DOMContentLoaded', () => {
         app.pollForPosts();
diff --git a/design/followers.handlebars b/design/followers.handlebars
index f09b796..ab8baa5 100644
--- a/design/followers.handlebars
+++ b/design/followers.handlebars
@@ -1,17 +1,14 @@
 <div class="stream">
-    <header class="followers-header">
-        <span>🤷🏽‍♂️ Followers</span>
-    </header>
+<header>
+    <span>🤷🏽‍♂️ Followers</span>
+</header>
 
-    <section class="followers-list">
-        {{#each followers}}
-            <article class="activity">
-                {{> personCard actor=this}}
-            </article>
-        {{/each}}
-    </section>
+{{#each followers}}
+    <div class="activity">
+        {{> personCard actor=this}}
+    </div>
+{{/each}}
 </div>
-
 {{> peopleTools}}
 
 <script>
diff --git a/design/following.handlebars b/design/following.handlebars
index 93ae271..2d33a8b 100644
--- a/design/following.handlebars
+++ b/design/following.handlebars
@@ -1,17 +1,14 @@
 <div class="stream">
-    <header class="following-header">
-        <span>🤷🏽‍♂️ Following</span>
-    </header>
+<header>
+    <span>🤷🏽‍♂️ Following</span>
+</header>
 
-    <section class="following-list">
-        {{#each following}}
-            <article class="activity">
-                {{> personCard actor=this}}
-            </article>
-        {{/each}}
-    </section>
+{{#each following}}
+    <div class="activity">
+        {{> personCard actor=this}}
+    </div>
+{{/each}}
 </div>
-
 {{> peopleTools}}
 
 <script>
diff --git a/design/notifications.handlebars b/design/notifications.handlebars
index e82b482..ecb1610 100644
--- a/design/notifications.handlebars
+++ b/design/notifications.handlebars
@@ -1,56 +1,42 @@
 <div class="stream">
-    <header class="notification-header">
-        <span>{{prefs.icons.notifications}} Notifications</span>
-        <a href="/private/notifications" id="newNotifications" class="unread" hidden></a>
-    </header>
+<header>
+    <span>{{prefs.icons.notifications}} Notifications</span>
+    <a href="/private/notifications" id="newNotifications" class="unread" hidden></a>
+</header>
+{{#each notifications}}
+    <div class="activity">
+    {{#with this}}
+        {{#isEq notification.type "Announce"}}
+            <div class="notification">🚀 <a href="/private/feeds/{{getUsername ../actor.id}}">{{or ../actor.name ../actor.preferredUsername}}</a> boosted <a href="{{../note.id}}">your post</a> {{timesince ../time}}</div>
+            <div class="preview">
+                {{{...note.content}}}
+            </div>
+        {{/isEq}}
+        {{#isEq notification.type "Reply"}}
+            {{> note actor=../actor note=../note}}
+        {{/isEq}}
+        {{#isEq notification.type "Mention"}}
+            <div class="notification">💬 <a href="/private/feeds/{{getUsername ../actor.id}}">{{or ../actor.name ../actor.preferredUsername}}</a> mentioned you {{timesince ../time}}</div>
+            {{> note actor=../actor note=../note}}
+        {{/isEq}}
+        {{#isEq notification.type "Like"}}
+            <div class="notification">⭐️ <a href="/private/feeds/{{getUsername ../actor.id}}">{{or ../actor.name ../actor.preferredUsername}}</a> liked <a href="{{../note.id}}">your post</a>  {{timesince ../time}}</div>
+            <div class="preview">
+                {{{...note.content}}}
+            </div>
+        {{/isEq}}
+        {{#isEq notification.type "Follow"}}
+            <div class="notification">🤷🏽‍♂️ <a href="/private/feeds/{{getUsername ../actor.id}}">{{or ../actor.name ../actor.preferredUsername}}</a> followed you {{timesince ../time}}</div>
+            {{> byline actor=../actor}}
+        {{/isEq}}
+    {{/with}}
+    </div>
+{{/each}}
 
-    <section class="notification-list">
-        {{#each notifications}}
-            <article class="activity">
-                {{#with this}}
-                    {{#isEq notification.type "Announce"}}
-                        <div class="notification">
-                            🚀 <a href="/private/feeds/{{getUsername ../actor.id}}">{{or ../actor.name ../actor.preferredUsername}}</a> boosted 
-                            <a href="{{../note.id}}">your post</a> {{timesince ../time}}
-                        </div>
-                        <div class="preview">
-                            {{{...note.content}}}
-                        </div>
-                    {{/isEq}}
-                    {{#isEq notification.type "Reply"}}
-                        {{> note actor=../actor note=../note}}
-                    {{/isEq}}
-                    {{#isEq notification.type "Mention"}}
-                        <div class="notification">
-                            💬 <a href="/private/feeds/{{getUsername ../actor.id}}">{{or ../actor.name ../actor.preferredUsername}}</a> mentioned you {{timesince ../time}}
-                        </div>
-                        {{> note actor=../actor note=../note}}
-                    {{/isEq}}
-                    {{#isEq notification.type "Like"}}
-                        <div class="notification">
-                            ⭐️ <a href="/private/feeds/{{getUsername ../actor.id}}">{{or ../actor.name ../actor.preferredUsername}}</a> liked 
-                            <a href="{{../note.id}}">your post</a>  {{timesince ../time}}
-                        </div>
-                        <div class="preview">
-                            {{{...note.content}}}
-                        </div>
-                    {{/isEq}}
-                    {{#isEq notification.type "Follow"}}
-                        <div class="notification">
-                            🤷🏽‍♂️ <a href="/private/feeds/{{getUsername ../actor.id}}">{{or ../actor.name ../actor.preferredUsername}}</a> followed you {{timesince ../time}}
-                        </div>
-                        {{> byline actor=../actor}}
-                    {{/isEq}}
-                {{/with}}
-            </article>
-        {{/each}}
-    </section>
+{{#if next}}
+<a href="/private/notifications?offset={{next}}" class="moreLink">More</a>
+{{/if}}
 
-    {{#if next}}
-        <footer class="more-notifications">
-            <a href="/private/notifications?offset={{next}}" class="moreLink">More</a>
-        </footer>
-    {{/if}}
 </div>
 
 <script>
diff --git a/design/prefs.handlebars b/design/prefs.handlebars
index 56bafde..21e228a 100644
--- a/design/prefs.handlebars
+++ b/design/prefs.handlebars
@@ -1,102 +1,7 @@
-{{!-- {{> peopleTools}}
-<div class="box">
-    <header>Outbound Queue</header>
-    <div style="padding: 1rem;">
-        {{#isEq queue.state 0}}✅{{/isEq}}
-        {{#isEq queue.state 1}}🟢{{/isEq}}
-        {{#isEq queue.state 3}}🔴{{/isEq}}
-        {{#if queue.size}}
-        {{#if queue.shouldRun}}Running.{{/if}}
-        {{queue.size}} items remain.
-        {{else}}
-        Queue empty
-        {{/if}}
-    </div>
-</div>
-<div class="box">
-    <header>Preferences</header>
-    <form method="post" action="/private/prefs">
-        <fieldset>
-            <legend>
-                Interface Strings
-            </legend>
-
-            <p>
-                <label for="post">Post button</label>
-                <input type="string" name="strings.post" value="{{prefs.strings.post}}" required />
-            </p>
-        </fieldset>
-        <fieldset id="emojis">
-            <legend>
-                Emoji Buttons
-            </legend>
-
-            <p>
-                <label for="post">Mascot</label>
-                <input type="string" size="2" maxlength="2" name="icons.mascot" value="{{prefs.icons.mascot}}"
-                    required />
-            </p>
-            <p>
-                <label for="post">Latest</label>
-                <input type="string" size="2" maxlength="2" name="icons.latest" value="{{prefs.icons.latest}}"
-                    required />
-            </p>
-            <p>
-                <label for="post">Notifications</label>
-                <input type="string" size="2" maxlength="2" name="icons.notifications"
-                    value="{{prefs.icons.notifications}}" required />
-            </p>
-            <p>
-                <label for="post">Messages</label>
-                <input type="string" size="2" maxlength="2" name="icons.messages" value="{{prefs.icons.messages}}"
-                    required />
-            </p>
-            <p>
-                <label for="post">Post</label>
-                <input type="string" size="2" maxlength="2" name="icons.post" value="{{prefs.icons.post}}" required />
-            </p>
-            <p>
-                <label for="post">My Posts</label>
-                <input type="string" size="2" maxlength="2" name="icons.myPosts" value="{{prefs.icons.myPosts}}"
-                    required />
-            </p>
-            <p>
-                <label for="post">Prefs</label>
-                <input type="string" size="2" maxlength="2" name="icons.prefs" value="{{prefs.icons.prefs}}" required />
-            </p>
-            <p>
-                <label for="post">Fave (off)</label>
-                <input type="string" size="2" maxlength="2" name="icons.faveInactive"
-                    value="{{prefs.icons.faveInactive}}" required />
-            </p>
-            <p>
-                <label for="post">Fave (on)</label>
-                <input type="string" size="2" maxlength="2" name="icons.faveActive" value="{{prefs.icons.faveActive}}"
-                    required />
-            </p>
-            <p>
-                <label for="post">Boost (off)</label>
-                <input type="string" size="2" maxlength="2" name="icons.boostInactive"
-                    value="{{prefs.icons.boostInactive}}" required />
-            </p>
-            <p>
-                <label for="post">Boost (on)</label>
-                <input type="string" size="2" maxlength="2" name="icons.boostActive" value="{{prefs.icons.boostActive}}"
-                    required />
-            </p>
-            <p>
-                <label for="post">Reply</label>
-                <input type="string" size="2" maxlength="2" name="icons.reply" value="{{prefs.icons.reply}}" required />
-            </p>
-
-            <button type="submit">Update Preferences</button>
-        </fieldset>
-    </form>
-</div> --}}
 
 {{> peopleTools}}
 <section class="queue-status">
-    <header class="queue-header">Outbound Queue</header>
+    <header class="queue-header" >Outbound Queue</header>
     <div class="queue-details">
         {{#isEq queue.state 0}}✅{{/isEq}}
         {{#isEq queue.state 1}}🟢{{/isEq}}
@@ -147,32 +52,65 @@
                 <label for="bio">Bio</label>
                 <textarea id="bio" name="bio">{{#unless me.bio}}{{else}}{{me.bio}}{{/unless}}</textarea>
             </div>
-            <div class="form-group">
+            <div class="avatar-table">
+    <table>
+        <tr>
+            <!-- Row 1 with 6 avatars -->
+            <td>
                 <input type="radio" id="avatarInput1" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar1.png">
-                <label for="avatar1"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar1.png" alt="Avatar 1" width="40px" height="40px"/></label>
+                <label for="avatarInput1"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar1.png" alt="Avatar 1" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput2" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar2.png">
-                <label for="avatar2"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar2.png" alt="Avatar 2" width="40px" height="40px"/></label>
+                <label for="avatarInput2"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar2.png" alt="Avatar 2" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput3" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar3.png">
-                <label for="avatar3"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar3.png" alt="Avatar 3" width="40px" height="40px"/></label>
+                <label for="avatarInput3"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar3.png" alt="Avatar 3" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput4" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar4.png">
-                <label for="avatar4"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar4.png" alt="Avatar 4" width="40px" height="40px"/></label>
+                <label for="avatarInput4"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar4.png" alt="Avatar 4" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput5" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar5.png">
-                <label for="avatar5"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar5.png" alt="Avatar 5" width="40px" height="40px"/></label>
+                <label for="avatarInput5"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar5.png" alt="Avatar 5" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput6" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar6.png">
-                <label for="avatar6"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar6.png" alt="Avatar 6" width="40px" height="40px"/></label>
+                <label for="avatarInput6"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar6.png" alt="Avatar 6" width="40px" height="40px"/></label>
+            </td>
+        </tr>
+        <tr>
+            <!-- Row 2 with 6 avatars -->
+            <td>
                 <input type="radio" id="avatarInput7" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar7.png">
-                <label for="avatar7"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar7.png" alt="Avatar 7" width="40px" height="40px"/></label>
+                <label for="avatarInput7"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar7.png" alt="Avatar 7" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput8" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar8.png">
-                <label for="avatar8"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar8.png" alt="Avatar 8" width="40px" height="40px"/></label>
+                <label for="avatarInput8"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar8.png" alt="Avatar 8" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput9" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar9.png">
-                <label for="avatar9"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar9.png" alt="Avatar 9" width="40px" height="40px"/></label>
+                <label for="avatarInput9"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar9.png" alt="Avatar 9" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput10" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar10.png">
-                <label for="avatar10"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar10.png" alt="Avatar 10" width="40px" height="40px"/></label>
+                <label for="avatarInput10"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar10.png" alt="Avatar 10" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput11" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar11.png">
-                <label for="avatar11"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar11.png" alt="Avatar 11" width="40px" height="40px"/></label>
+                <label for="avatarInput11"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar11.png" alt="Avatar 11" width="40px" height="40px"/></label>
+            </td>
+            <td>
                 <input type="radio" id="avatarInput12" name="avatarInput" value="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar12.png">
-                <label for="avatar11"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar12.png" alt="Avatar 12" width="40px" height="40px"/></label>
-            </div>
+                <label for="avatarInput12"><img src="https://raw.githubusercontent.com/sora1998/avatar_repo/main/avatar12.png" alt="Avatar 12" width="40px" height="40px"/></label>
+            </td>
+        </tr>
+    </table>
+</div>
+
             <button type="submit" class="update-button">Update Account Profile</button>
 
 
diff --git a/public/css/secret.css b/public/css/secret.css
index 14d3dab..e0fecfd 100644
--- a/public/css/secret.css
+++ b/public/css/secret.css
@@ -11,6 +11,8 @@
   --accent: rgba(250, 4, 197, 1);
 }
 
+
+
 @media (prefers-color-scheme: dark) {
   :root {
     --background: #222233;
@@ -28,7 +30,7 @@
 
 body {
   background: var(--background);
-  color: var(--text);
+  color: #222233;
   font-size: 15px;
   padding: 0;
   margin: 0;
@@ -44,7 +46,6 @@ body {
   padding: 10px 20px;
   margin-bottom: 20px;
   border-radius: 8px;
-  box-shadow: 0 0 15px rgba(44, 62, 80, 0.2);
   border: none;
   position: relative;
   padding: 20px;
@@ -70,6 +71,7 @@ legend {
   padding: 5px 15px; /* Padding */
   border-radius: 4px; /* Rounded corners */
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+  margin-left: -7px;
 }
 
 .toolbar {
@@ -1007,7 +1009,6 @@ input:hover {
 .preferences-form header {
   background: -webkit-linear-gradient(left, #d3d3d3, #d3d3d3, #d3d3d3);
   -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
   width: 20ch;
   white-space: nowrap;
   overflow: hidden;
@@ -1017,7 +1018,6 @@ input:hover {
 .queue-status header {
   background: -webkit-linear-gradient(left, #d3d3d3, #d3d3d3, #d3d3d3);
   -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
   width: 20ch;
   white-space: nowrap;
   overflow: hidden;