diff --git a/onlylegs/static/sass/components/image-view/info-tab.sass b/onlylegs/static/sass/components/image-view/info-tab.sass
index 1b42c1e..82f56eb 100644
--- a/onlylegs/static/sass/components/image-view/info-tab.sass
+++ b/onlylegs/static/sass/components/image-view/info-tab.sass
@@ -26,8 +26,6 @@
         left: -27rem
 
 .info-tab
-    width: 100%
-
     display: flex
     flex-direction: column
 
diff --git a/onlylegs/templates/settings.html b/onlylegs/templates/settings.html
index b25e209..271911b 100644
--- a/onlylegs/templates/settings.html
+++ b/onlylegs/templates/settings.html
@@ -14,27 +14,50 @@
         </div>
     </div>
 
-    <div class="settings-content" id="profileSettings">
-        <h2>Profile Settings</h2>
-        <form method="POST" action="{{ url_for('account_api.account_picture', user_id=current_user.id) }}" enctype="multipart/form-data">
-            <h3>Profile Picture</h3>
-            <input type="file" name="file" tab-index="-1"/>
-            <input type="submit" value="Upload" class="btn-block">
-        </form>
-    
-        <form method="POST" action="{{ url_for('account_api.account_username', user_id=current_user.id) }}" enctype="multipart/form-data">
-            <h3>Username</h3>
-            <input type="text" name="name" class="input-block" value="{{ current_user.username }}" />
-            <input type="submit" value="Upload" class="btn-block"/>
-        </form>
+    <div class="info-tab" id="profileSettings" style="margin: 0.5rem 0.5rem 0 0.5rem">
+        <div class="info-header">
+            <i class="ph ph-info"></i>
+            <h2>Profile Settings</h2>
+            <button class="collapse-indicator"><i class="ph ph-caret-down"></i></button>
+        </div>
+        <div class="info-table">
+            <form method="POST" action="{{ url_for('account_api.account_picture', user_id=current_user.id) }}" enctype="multipart/form-data">
+                <h3>Profile Picture</h3>
+                <input type="file" name="file" tab-index="-1"/>
+                <input type="submit" value="Upload" class="btn-block">
+            </form>
+            <form method="POST" action="{{ url_for('account_api.account_username', user_id=current_user.id) }}" enctype="multipart/form-data">
+                <h3>Username</h3>
+                <input type="text" name="name" class="input-block" value="{{ current_user.username }}" />
+                <input type="submit" value="Upload" class="btn-block"/>
+            </form>
+        </div>
     </div>
 
-    <div class="settings-content" id="profileSettings">
-        <h2>Account Settings</h2>    
-        <form method="POST" action="" enctype="multipart/form-data">
-            <h3>Email</h3>
-            <input type="text" name="email" class="input-block" value="{{ current_user.email }}" />
-            <input type="submit" value="Upload" class="btn-block"/>
-        </form>
+    <div class="info-tab" id="profileSettings" style="margin: 0.5rem 0.5rem 0 0.5rem">
+        <div class="info-header">
+            <i class="ph ph-info"></i>
+            <h2>Account Settings</h2>
+            <button class="collapse-indicator"><i class="ph ph-caret-down"></i></button>
+        </div>
+        <div class="info-table">
+            <form method="POST" action="" enctype="multipart/form-data">
+                <h3>Email</h3>
+                <input type="text" name="email" class="input-block" value="{{ current_user.email }}" />
+                <input type="submit" value="Upload" class="btn-block"/>
+            </form>
+        </div>
     </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
+
+{% block script %}
+    <script type="text/javascript">
+        let infoTab = document.querySelectorAll('.info-tab');
+
+        for (let i = 0; i < infoTab.length; i++) {
+            infoTab[i].querySelector('.collapse-indicator').addEventListener('click', function() {
+                infoTab[i].classList.toggle('collapsed');
+            });
+        }
+    </script>
+{% endblock %}