Cara memperbaiki data berikut agar tersusun

Selamat pagi sobat koding. Mohon bantuannya untuk memperbaiki masalah yg tertera pada gambar dibawah ini Bagaimana cara nya agar si Pakaian itu selalu ada di paling awal penyusunannya ? dan si Anak - anak yang seharusnya berada di posisi ke 2 tetapi pada row 5 dan 6 terjadi perubahan posisi antara Pakaian dan Anak - anak begitupun dengan row 7.

Ini Model nya

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Category extends Model
{
    protected $table = 'categories';

    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $fillable = [
    	'parent_id', 'name', 'url', 'description', 'sort_order',
    ];

    public function parent()
    {
    	return $this->belongsTo('App\Category', 'parent_id');
    }

    public function children()
    {
    	return $this->hasMany('App\Category', 'parent_id');
    }

    public function getParentsAttribute()
    {
        $parents = collect([]);

        $parent = $this->parent;

        while (!is_null($parent)) {
            $parents->push($parent);
            $parent = $parent->parent;
        }

        return $parents->implode('name', ' > ');
    }
}

Ini Controller nya

<?php

namespace App\Http\Controllers;

use App\Category;
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;

class CategoryController extends Controller
{
	public function __construct()
	{
		$this->middleware('auth');
	}

    public function index()
    {
    	$categories = Category::orderBy('sort_order')->get();
    	// dd($categories);

    	return view('catalog.category.list', ['categories' => $categories]);
    }
}