So I have this website that I'm working on, it involves it's "main" content in a bootstrap panel. The ideal width for that panel is `670px`. So what I do is that I create a parent which is `width: 670px`. This is my output:

![enter image description here](https://i.stack.imgur.com/VIA0d.png)

What annoys me so much is that big block of white at the right. How to solve that issue so that it'll dissapear?

This is the HTML I'm using:

```
<div class="  panel_big">
                <div class="panel_top_orange">
  <i class="fa fa-home"></i>
                    <span>Welkom!</span>
                </div>
                <div class="panel-body">
                    Lorem ipsum
                </div>

                            </div>

```

And my CSS:

```
.panel_big {
        overflow: hidden !important; 
            border: 3.5px solid rgba(213, 220, 226, 0.9) !important;
            width:  670px;
    }

```

So how do I remove this whitespace? I already tried overriding the bootstrap settings by giving the panel a width of 670 pixels, but the space was still there...

Thanks.