# New themes & components layout

**URL:** https://meta.discourse.org/t/new-themes-components-layout/357320
**Category:** UX
**Created:** [March 14, 2025, 5:12pm UTC](https://meta.discourse.org/t/new-themes-components-layout/357320 "2025-03-14T17:12:49Z")
**Posts on this page:** 1
**Showing post:** 10

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [March 15, 2025, 10:43am UTC](https://meta.discourse.org/t/new-themes-components-layout/357320/10 "2025-03-15T10:43:56Z")

</div>

Here you go 🙂

> **Temporary styles**
>
> ```plaintext
> .admin-config.customize.components {
> .admin-detail {
> padding: 0;
> }
> .themes-cards-container {
> display: flex;
> flex-direction: column;
> max-width: 500px;
> gap: 0;
> }
> .admin-config-area-card__content {
> flex-grow: 0;
> margin: 0;
> padding: 0;
> }
> .theme-card {
> flex-direction: row;
> margin: 0;
> padding: 0.75rem;
> padding-right: 0;
> box-shadow: none;
> border: none;
> border-top: 1px solid var(--primary-low);
> &:first-child {
> border-top: none;
> }
> &__image-wrapper,
> &__content {
> display: none;
> }
> &__footer {
> gap: 1rem;
> }
> }
> .theme-install-card {
> margin-top: 1rem;
> }
> }
> 
> ```

---

_[View the full topic](https://meta.discourse.org/t/new-themes-components-layout/357320)._