diff --git a/kontor-angular/src/app/comic/comic/comic-list/comic-list.component.html b/kontor-angular/src/app/comic/comic/comic-list/comic-list.component.html
deleted file mode 100644
index 5beb054..0000000
--- a/kontor-angular/src/app/comic/comic/comic-list/comic-list.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>comic-list works!</p>
diff --git a/kontor-angular/src/app/comic/comic/comic-list/comic-list.component.ts b/kontor-angular/src/app/comic/comic/comic-list/comic-list.component.ts
deleted file mode 100644
index a09eb12..0000000
--- a/kontor-angular/src/app/comic/comic/comic-list/comic-list.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-comic-list',
-  imports: [],
-  templateUrl: './comic-list.component.html',
-  styleUrl: './comic-list.component.css'
-})
-export class ComicListComponent {
-
-}
diff --git a/kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.html b/kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.html
deleted file mode 100644
index d533325..0000000
--- a/kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>publisher-list works!</p>
diff --git a/kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.ts b/kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.ts
deleted file mode 100644
index 43daa01..0000000
--- a/kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-publisher-list',
-  imports: [],
-  templateUrl: './publisher-list.component.html',
-  styleUrl: './publisher-list.component.css'
-})
-export class PublisherListComponent {
-
-}
diff --git a/kontor-angular/src/app/comic/comic/comic-list/comic-list.component.css b/kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.css
similarity index 100%
rename from kontor-angular/src/app/comic/comic/comic-list/comic-list.component.css
rename to kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.css
diff --git a/kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.html b/kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.html
new file mode 100644
index 0000000..3f1c3dc
--- /dev/null
+++ b/kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.html
@@ -0,0 +1 @@
+<p>comic-comics works!</p>
diff --git a/kontor-angular/src/app/comic/comic/comic-list/comic-list.component.spec.ts b/kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.spec.ts
similarity index 52%
rename from kontor-angular/src/app/comic/comic/comic-list/comic-list.component.spec.ts
rename to kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.spec.ts
index 6a5109e..66a2c25 100644
--- a/kontor-angular/src/app/comic/comic/comic-list/comic-list.component.spec.ts
+++ b/kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.spec.ts
@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ComicListComponent } from './comic-list.component';
+import { ComicComicsComponent } from './comic-comics.component';
 
-describe('ComicListComponent', () => {
-  let component: ComicListComponent;
-  let fixture: ComponentFixture<ComicListComponent>;
+describe('ComicComicsComponent', () => {
+  let component: ComicComicsComponent;
+  let fixture: ComponentFixture<ComicComicsComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ComicListComponent]
+      imports: [ComicComicsComponent]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(ComicListComponent);
+    fixture = TestBed.createComponent(ComicComicsComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.ts b/kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.ts
new file mode 100644
index 0000000..bf8e770
--- /dev/null
+++ b/kontor-angular/src/app/kontor/comic/comic-comics/comic-comics.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-comic-comics',
+  imports: [],
+  templateUrl: './comic-comics.component.html',
+  styleUrl: './comic-comics.component.css'
+})
+export class ComicComicsComponent {
+
+}
diff --git a/kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.css b/kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.css
similarity index 100%
rename from kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.css
rename to kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.css
diff --git a/kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.html b/kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.html
new file mode 100644
index 0000000..5917b28
--- /dev/null
+++ b/kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.html
@@ -0,0 +1 @@
+<p>comic-publishers works!</p>
diff --git a/kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.spec.ts b/kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.spec.ts
similarity index 50%
rename from kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.spec.ts
rename to kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.spec.ts
index 00f7266..184f6e7 100644
--- a/kontor-angular/src/app/comic/publisher/publisher-list/publisher-list.component.spec.ts
+++ b/kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.spec.ts
@@ -1,18 +1,18 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { PublisherListComponent } from './publisher-list.component';
+import { ComicPublishersComponent } from './comic-publishers.component';
 
-describe('PublisherListComponent', () => {
-  let component: PublisherListComponent;
-  let fixture: ComponentFixture<PublisherListComponent>;
+describe('ComicPublishersComponent', () => {
+  let component: ComicPublishersComponent;
+  let fixture: ComponentFixture<ComicPublishersComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [PublisherListComponent]
+      imports: [ComicPublishersComponent]
     })
     .compileComponents();
 
-    fixture = TestBed.createComponent(PublisherListComponent);
+    fixture = TestBed.createComponent(ComicPublishersComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.ts b/kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.ts
new file mode 100644
index 0000000..2b01fcc
--- /dev/null
+++ b/kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-comic-publishers',
+  imports: [],
+  templateUrl: './comic-publishers.component.html',
+  styleUrl: './comic-publishers.component.css'
+})
+export class ComicPublishersComponent {
+
+}
diff --git a/kontor-angular/src/app/kontor/comic/comic-section/comic-section.routes.ts b/kontor-angular/src/app/kontor/comic/comic-section/comic-section.routes.ts
index c8e8867..f6048bd 100644
--- a/kontor-angular/src/app/kontor/comic/comic-section/comic-section.routes.ts
+++ b/kontor-angular/src/app/kontor/comic/comic-section/comic-section.routes.ts
@@ -1,12 +1,12 @@
 import { Routes } from "@angular/router";
-import { ComicListComponent } from "../../../comic/comic/comic-list/comic-list.component";
-import { PublisherListComponent } from "../../../comic/publisher/publisher-list/publisher-list.component";
 import { ComicArtistsComponent } from "../comic-artists/comic-artists.component";
+import { ComicPublishersComponent } from './../comic-publishers/comic-publishers.component';
+import { ComicComicsComponent } from "../comic-comics/comic-comics.component";
 
 export const comicRoutes: Routes = [
     {
         path: 'comics', 
-        component: ComicListComponent
+        component: ComicComicsComponent
     },
     // {
     //     path: 'comics/:comicId',
@@ -14,7 +14,7 @@ export const comicRoutes: Routes = [
     // },
     { 
         path: 'publisher', 
-        component: PublisherListComponent
+        component: ComicPublishersComponent
     },
     // {
     //     path: 'publishers/:publisherId',