.maindiv { position: center; position: relative; .centerdiv { width: 100%; margin: 0; position: absolute; padding-top: 30px; .tablepage { position: relative; margin: 0 auto; width: 95%; mat-form-field { width: 100%; padding-left: 20px; } table { width: 100%; } .admin-template { float:right; padding-right:40px; padding-top: 25px; } } .nodetable { table { width: 100%; } } } } .example-card { max-width: 300px; margin: 0 auto; text-align: center; background-color: lightskyblue; } .edgenodes { text-align: center; margin: 0 auto; padding: 20px; display: flex; flex-wrap: nowrap; } .edgenodescard{ margin: 0 auto; display: inline-block; padding-right: 20px; } .mat-table { background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174)); } mat-form-field{ background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174)); } mat-paginator{ background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174)); }