# Changing the space between components **URL:** \ **Category:** Ask for Help\ **Created:** [August 29, 2024, 5:45pm UTC](https://community.glideapps.com/t/changing-the-space-between-components/75977 "2024-08-29T17:45:23Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![Jason\_Bronfeld](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_bronfeld/32/64705_2.png) [@Jason\_Bronfeld](https://community.glideapps.com/u/Jason_Bronfeld)\ **Post date:** [August 29, 2024, 5:45pm UTC](https://community.glideapps.com/t/changing-the-space-between-components/75977/1 "2024-08-29T17:45:23Z")
Hi, need some help and advice. I have an app with some components and I want to change, not the size of the components but the space between them. Hopefully the picture below helps. ![Slide1.PNG](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/b/bb2039bc39ff1197a5767820b98311c144cf3761.jpeg) I playing around with CSS and I can’t figure out how to make it work. I tried to illustrate my problem with the images below. The image on the left show what part of the page is highlighted when I select the image component. The image on the right show that when I inspect the page, the container that creates the gap between components seems to be outside of the scope of the component. I can’t figure out a CSS that I an attach to the component and select the parent wire\_container element of the page and change its properites. As usual, all help appreciated. ![Slide2.PNG](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/2/92d5e7452f355da8e6f9b7054a3adab89fcc239c.jpeg) ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [August 29, 2024, 6:07pm UTC](https://community.glideapps.com/t/changing-the-space-between-components/75977/2 "2024-08-29T18:07:08Z")
In your case, it’s easier to use the rich text component with inline CSS rather than custom CSS. ---
**Author:** ![Jason\_Bronfeld](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_bronfeld/32/64705_2.png) [@Jason\_Bronfeld](https://community.glideapps.com/u/Jason_Bronfeld)\ **Post date:** [August 29, 2024, 6:46pm UTC](https://community.glideapps.com/t/changing-the-space-between-components/75977/3 "2024-08-29T18:46:29Z")
Sorry, I need a lot more detail. Can you please elaborate? An example would be great. I’m not sure I see how that would change the gap between components. ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [August 29, 2024, 7:29pm UTC](https://community.glideapps.com/t/changing-the-space-between-components/75977/4 "2024-08-29T19:29:26Z")
You could write HTML using a template column that contains everything you want in the layout you want, with the exception of the button block. Rather than separate components for everything, you would use a single Rich Text component to display your HTML template, which could be set up to display your images and text the way you want. ---
**Author:** ![Jason\_Bronfeld](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_bronfeld/32/64705_2.png) [@Jason\_Bronfeld](https://community.glideapps.com/u/Jason_Bronfeld)\ **Post date:** [August 29, 2024, 8:55pm UTC](https://community.glideapps.com/t/changing-the-space-between-components/75977/5 "2024-08-29T20:55:15Z")
Ahhh. I think I understand it. Thank you. ---
**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Post date:** [August 29, 2024, 11:14pm UTC](https://community.glideapps.com/t/changing-the-space-between-components/75977/6 "2024-08-29T23:14:49Z")
Replace your text component with a richtext component and provide the following HTML code, then you can easily set the spacing you want. ```auto
5 KTS
``` ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [August 30, 2024, 5:35am UTC](https://community.glideapps.com/t/changing-the-space-between-components/75977/7 "2024-08-30T05:35:19Z")
Have you tried using a Separator component? ---
**Author:** ![Jason\_Bronfeld](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason_bronfeld/32/64705_2.png) [@Jason\_Bronfeld](https://community.glideapps.com/u/Jason_Bronfeld)\ **Post date:** [August 30, 2024, 11:22am UTC](https://community.glideapps.com/t/changing-the-space-between-components/75977/8 "2024-08-30T11:22:44Z")
Great point. I should have been more clear. I’m trying to reduce it out eliminate it, not increase it. Sorry got the confusion.